Question

为了清理我的代码，我想在我的实际jQuery插件中使用子插件，但实际上没有任何事情发生。 thx提前

举个简单的例子，请看下面的代码：

(function($){
    $.fn.funct = function() {
        // so far it seems to run the code...
        console.log('funct is running...');

        return this.each(function(){
            // ...but nothing is happening here
            console.log('this.each is running...');
            $(this).css('background', 'blue');
        }
    } 
    $.fn.foo = function() { 
        return this.each(function(){
            console.log('plugin is running...');
            $(this).funct();
        });
    };
})(jQuery);

Answer 1

初看起来，看起来你没有正确关闭第一次回归。

$(this).css('background', 'blue');
        }

应该是：

$(this).css('background', 'blue');
        });

Answer 2

我更愿意在一个插件中触发自定义事件，让其他插件订阅该事件。你没有依赖。

有关自定义事件和绑定/触发的详细信息，请参阅我的回答here

在jQuery插件中调用其他插件

2 个答案: