为什么我的jquery插件不起作用？

Question

我正在制作一个插件，但是我没有得到任何结果，如果我把控制台放在函数内部，万一我把它放在外面就行了。

问题是什么？任何人都可以帮我找出来吗？

我的代码：

(function ($){
    $.fn.slideIt = function () {
        this.fadeOut('normal', function(){
            console.log(this);
        });

}
})(jQuery);

Here is the fiddle

Answer 1

您的jsFiddle错误。 HTML框应该只包含HTML，将您的JavaScript放在JavaScript框中。

问题是，你在声明之前调用了slideIt。

以下是更新的示例：http://jsfiddle.net/RW8R3/1/

Answer 2

使用文档就绪事件，当您的调用插件时，您的div不存在：

$(function(){
    $('#slideContainer').slideIt();
});

演示：http://jsfiddle.net/RW8R3/2/