jQuery插件創作範圍

Question

如果我想在我正在製作的jQuery插件上有一個可公開訪問的函數，這是做這件事的正確方法嗎？

(function($) { 
    $.fn.myPlug = function(options) { 
     // Do this... 
     this.hello = function() { 
      return 1; 
     }; 
    } 
})(jQuery); 

var foo = $("div").myPlug(); 

// then do this... 
foo.hello(); 

Answer 1

您應該構建您的插件，以便方法名稱可以作爲參數傳遞給您的插件。這是推薦的jQuery plugin authoring guide：

(function($) { 

    var methods = { 
     init: function(options) { 

     }, 
     hello: function() { 
      return 1; 
     } 
    }; 

    $.fn.myPlug = function(method) { 
     if (methods[method]) { 
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
     } else if (typeof method === 'object' || !method) { 
      return methods.init.apply(this, arguments); 
     } else { 
      $.error('Method ' + method + ' does not exist on jQuery.myPlug'); 
     } 
    }; 

})(jQuery); 

的使用會去是這樣的：

$("div").myPlug({ ... }); 
$("div").myPlug("hello"); // returns 1