javascript - 如何将参数传递给 jQuery 插件

Question

我有一个乍一看似乎很愚蠢的问题。我在弄清楚它时遇到了问题，每当我使用它时，什么都没有发生。我有一个自己编写的 jQuery 插件，它是这样的:

(function(){
$.fn.myPlugin = function(options){
var options = $.extend({
firstParameter : null;
}
// the rest of the plugin
})(jQuery)

但是当我从一个 HTML 文件调用它时，像这样:("#object").myPlugin(2);，它无法工作(注意我传递的参数)。但是，如果我跳过参数并像这样调用它:("#object").myPlugin();，一切正常。有什么问题？

提前致谢

Answer 1

你想要这个:

(function($) {
    $.fn.extend({
        myPlugin: function(options) {
            var defaults = {
                something: 23,
                otherThing: 'hello'
            };

            options = $.extend(defaults, options);

            console.log(options.something);
            console.log(options.otherThing);
        }
    });
})(jQuery);

现在这应该可以覆盖 something 选项(不要忘记传递一个 object):

$('#object').myPlugin({something: 17});