我需要更短的访问我的 jQuery 插件方法

Question

可能已经像这样回答了一个问题，但是搜索了一段时间后，我找不到与此模式匹配的明确答案。

所以在最基本的层面上，我的插件如下所示，一旦元素通过了它，我想要做的就是能够对插件的方法有一个简短的引用，例如：

在元素上初始化插件：

$('#myElement').myPlugin({ options });

然后访问一个方法：

$('#myElement').myPlugin('myFirstMethod', { params });

这是插件外壳：

;(function($) {
    "use strict";
    var plugin = {};
    var defaults = {
        myDefault:        'some_value'
    };

    $.fn.myPlugin = function(options){        

        if(this.length > 1){
            this.each(function(){$(this).myPlugin(options);});
            return this;
        }

        var myplugin = {};
        var element = this;
        plugin.element = this;

        var init = function() {
            myplugin.settings = $.extend({}, defaults, options);
            // Other init stuff here
        };

        form.myFirstMethod = function(){
            // Do something
        };

        form.mySecondMethod = function(){
            // Do something else
        };

        init();
        return this; // returns the current jQuery object

    }

})(jQuery);

再一次，我确信这个问题必须在某个地方得到回答。我只需要对方法的“最短”访问。

谢谢。

Answer 1

我个人讨厌 pluginName('method', 'params') 调用方法，因为它没有为您提供 javascript 提供的完整工具包。另外，我不喜欢为两种不同的目的调用相同的方法。在您的情况下，您希望 $().myPlugin() 初始化并 $().myPlugin("methodName") 执行方法。这是myPlugin() 的一种方法，用于两个完全不同的目的。但如果这就是你想要滚动的方式，我相信下面的 sn-p 就足够了。

// plugin
(function($) {
    var myplugin = function(elm) {
        this.elm = $(elm);
    };

    myplugin.prototype.myFirstMethod = function() { console.log("firstmethod"); }
    myplugin.prototype.mySecondMethod = function() { console.log("secondmethod"); }

    $.fn.myplugin = function() {
        var myArgs = arguments;
        return this.each(function() {
            if (!$(this).data("myplugin")) {
                $(this).data("myplugin", new myplugin(this));
            }

            var api = $(this).data("myplugin");

            if (myArgs.length > 0) {
                api[myArgs[0]](myArgs[1]);
            }
        });
    };
})(jQuery);

// init plugin
$(".foo").myplugin();

$(".foo").myplugin("myFirstMethod");

请记住，如果您想对 jquery 集合的每个元素执行此方法，您需要执行 each 并执行。

这行得通吗？