Plugin Jquery ;(function ( $, window, document, undefined )

bởi Minh Trung vào lúc November 15, 2017 trong PLUGIN

Plugin Jquery giải thích

/ *!
  * Trình cắm thêm plugin jQuery nhẹ
  * Tác giả gốc: @MinhTrung
  * Thay đổi, nhận xét: @MinhTrung
  * /


/ / dấu chấm phẩy trước khi gọi chức năng là một sự an toàn
/ / net so với kịch bản nối và / hoặc các plugin khác
// không được đóng đúng cách.
;(function ( $, window, document, undefined ) {
    
   / / undefined được sử dụng ở đây như là không xác định toàn cầu
     / / biến trong ECMAScript 3 và có thể thay đổi (tức là nó có thể
     / / được thay đổi bởi người khác). không xác định là không thực sự
     // được thông qua để chúng ta có thể đảm bảo rằng giá trị của nó là
     / / thật sự không xác định. Trong ES5, không xác định có thể không còn
     / / sửa đổi.
    
 / / cửa sổ và tài liệu được thông qua như là địa phương
     / / thay vì là globals, bởi vì điều này (hơi)
     / / quickens quá trình giải quyết và có thể được nhiều hơn
     / / hiệu quả minified (đặc biệt là khi cả hai đều
     / / thường xuyên tham chiếu trong plugin của bạn).

     // Tạo các giá trị mặc định một lần
    var pluginName = 'defaultPluginName',
        defaults = {
            propertyName: "value"
        };

    / / Các nhà xây dựng plugin thực tế
    function Plugin( element, options ) {
        this.element = element;

       // jQuery có một phương pháp mở rộng hợp nhất
         / / nội dung của hai hoặc nhiều đối tượng, lưu trữ các
         / / kết quả trong đối tượng đầu tiên. Đối tượng đầu tiên
         // nói chung trống rỗng vì chúng ta không muốn thay đổi
         / / các tùy chọn mặc định cho các trường hợp tương lai của plugin
        this.options = $.extend( {}, defaults, options) ;
        
        this._defaults = defaults;
        this._name = pluginName;
        
        this.init();
    }

    Plugin.prototype.init = function () {
       // Đặt khởi tạo logic ở đây
         / / Bạn đã có quyền truy cập vào phần tử DOM và
         // các tùy chọn thông qua ví dụ, ví dụ: this.element
         // và this.options
    };

   // Đặt khởi tạo logic ở đây
         / / Bạn đã có quyền truy cập vào phần tử DOM và
         // các tùy chọn thông qua ví dụ, ví dụ: this.element
         // và this.options
    $.fn[pluginName] = function ( options ) {
        return this.each(function () {
            if (!$.data(this, 'plugin_' + pluginName)) {
                $.data(this, 'plugin_' + pluginName, 
                new Plugin( this, options ));
            }
        });
    }

})( jQuery, window, document );