Question

我一直在为jquery开发一个简单的插件，我已经设法让它完美地用于单个元素，但是我不能让它在页面上的多个元素上使用。

如何构造函数来处理多个元素？

这是我的构造，它非常基本。

(function($){
    $.fn.pluginName= function(prop){

    var params = $.extend({
// param default set here

    },prop);

// functions added here

    return this;    
    }
})(jQuery);

这适用于页面上的单一用途，但如果我想让这个工作用于多个元素，我该怎么做？

该函数用于更改输入字段，因此需要对页面上的多个实例起作用。

我尝试添加this.each(function(){ ... })来包装主要内容，但这会返回相同的结果。

我非常感谢任何帮助，因为我不知道该怎么做，其他教程会让我删除整个代码并重新开始。

由于

修改

我编辑了我的代码，我无法通过该功能进行调用。

(function($){

    $.fn.colorChange= function(params){
        var defaults= {
            backgroundColor: 'red'
        };

        var params = $.extend(defaults, params);

        return this.each(function(){

        changeColor();

            function changeColor(defaults){
            $(this).css({
                'background-color' : defaults.backgroundColor
            });
            }
        });
    }

})(jQuery);

如果我不将它包装在一个函数中，只是将它创建为一个匿名函数，它就可以正常工作。但是我打算有很多功能，代码可能会有点草率。

出于某种原因，这不起作用，有什么帮助吗？

Jquery插件可以处理多个元素

0 个答案: