jQuery Mobile 플러그 인 개발 1

1864 단어 JQuery Mobile
최근 프로젝트 사용 jQuery 모 바 일 개발 벡 모 바 일 홈 페이지 HTML 5 버 전.
그 중에서 차형 전시 에 슬라이드 전환 효 과 를 사용 하려 고 하지만 아직 확장 성 이 좋 고 좋 은 기 존 플러그 인 이 없 기 때문에 스스로 개발 하려 고 합 니 다.
jQuery 개발 준비 모 바 일 플러그 인 전에 인터넷 을 해 봤 는데 step 가 있 는 지 없 는 지... by step 의 튜 토리 얼.
비교적 슬 픈 것 은 아직 비교 가 끝나 지 않 은 중국어 강좌 이다.다행히도 나 는 영 어 를 잘 해서 영문 판 을 발견 했다여기 세 게 봐.
jQuery Mobile 의 widget 플러그 인 은 개발 플러그 인의 대략적인 모델 을 다음 과 같이 발견 합 니 다.
메모 1:이 모듈 에서 개발 한 플러그 인 이름 은"widgetName"입 니 다.
주의 2:jQuery 모 바 일 에 있 는 toobar,navbar,button 등 컨트롤 은 모두 widget 플러그 인 방식 으로 개발 되 었 기 때문에 이 컨트롤 들 의 코드 를 자세히 읽 으 면 플러그 인 개발 절 차 를 편리 하 게 배 울 수 있 습 니 다.
 
(function($, undefined) {
    $.widget("mobile.widgetName", $.mobile.widget, {
        options: {
        //               
        },

        _create: function() {
            /**          
             *    XXX.widgetName() jQuery Mobile        。
             *                     
            */
        },
        /*                  ,                     
        *       ,                    。
        *      ,    refresh         ,enable、disable     ,      。
        */
        refresh: function() {

        },

        enable: function() {
                   },

        disable: function() {
                  }

    });

    //auto self-init widgets
    //        jQuery Mobile    pagecreate    create        widget()  。
    $(document).bind("pagecreate create", function(e) {
        $.mobile.gauge.prototype.enhanceWithin(e.target);
    });

})(jQuery);

좋은 웹페이지 즐겨찾기