jQuery 플러그 인 작성 디자인 모드

1090 단어
jquery 플러그 인 작성 규범
window, document 를 패키지 에 쓰 고 부분 변 수 를 형성 하여 분석 과정 을 가속 화 할 수 있 습 니 다.
;(function($, window, document, undefined) {

//       
var pluginName = 'bearDialog';

//        
var defaults = {
    width: 200,
    height: 200,
    title: '  '
}

//          
function Dialog(el, opt) {

    //        dom
    this.el = el; //     dom
    this.$el = $(el); //   jquery    
    //   mixin          
    this.opt = $.extend({}, defaults, opt);
    this.pluginName = pluginName;

    this.init();

}

Dialog.prototype.init = function() {
    //         
    console.log(this.el);
    console.log(this.$el);
    console.log(this.opt);
}

//       ,       
$.fn[pluginName] = function(options) {

    //     dom          
    $(this).each(function(idx, ele) {

        // $.data           ,            ,      dom  data  
        if (!$.data(ele, 'plugin_' + pluginName)) {

            $.data(ele, 'plugin_' + pluginName, pluginName);
            new Dialog(ele, options);

        }

    });
  }
})(jQuery, window, document);

좋은 웹페이지 즐겨찾기