Question

根据开发人员文档，jquery插件应该只有一个命名空间用于它们提供的所有功能。只要你只为每个上下文公开一个函数（static / element），这是直截了当的。

(function($){

    var

    state_a = 0,

    $.myplugin = function(in_options) {
      // static
      return this;
    }

    $.fn.myplugin = function(in_options) {
      // element
      return this;
    }

})(jQuery);

这使得这样的调用成为可能：

$("elem").myplugin(options);
jQuery.myplugin(options);

如果您有多个功能且需要共享状态，最佳方法是什么？我想像这样打电话给我的插件：

$("elem").myplugin.start(options);
$("elem").myplugin.stop();
jQuery.myplugin.start(options);
jQuery.myplugin.stop();

Answer 1

我之前使用过arguments.callee：

(function ($) {
    $.fn.pagination = function (options) {
        var defaults = {
        };
        options = $.extend(defaults, options);

        var object = $(this);

        arguments.callee.updatePaging = function () {
            //do stuff
        };
    });

然后，在您的页面上：

    var pagination = $("#pagination");
    pagination.pagination();
    pagination.pagination.updatePaging();

Answer 2

jQuery插件倾向于为不同的函数使用字符串参数：

$(...).myplugin('start', options);
$(...).myplugin('stop');

我想不出一种简单的方法来使用你想要使用的语法，因为在中间有一个额外的属性会使this指向除了具有所选元素的jQuery对象之外的其他东西。就个人而言，我发现使用字符串参数来完全改变函数的功能有点难看。 $(...).myplugin().function()是可行的，但可能不如仅仅使用该字符串参数那么有效。

Answer 3

在文档中解释了这一点：http://docs.jquery.com/Plugins/Authoring#Namespacing

具有多种功能的jquery插件

3 个答案: