jquery - jquery プラグインが機能しないのはなぜですか?

Question

プラグインを作成していますが、関数内にコンソールを配置すると結果が得られません。

どうした？誰でも私が見つけるのを助けることができますか?

私のコード:

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

}
})(jQuery);

ここにフィドルがあります

Answer 1

jsFiddleが正しく作成されていません。HTMLボックスにはHTMLのみを含める必要があり、JavaScriptをJavaScriptボックスに入れます。

問題は、slideIt宣言される前に電話をかけていたことです。

更新された例は次のとおりです：http：//jsfiddle.net/RW8R3/1/

Answer 2

ドキュメントの準備完了イベントを使用します。コール プラグインの場合、div は存在しません。

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

デモ: http://jsfiddle.net/RW8R3/2/

Answer 3

あなたは「jQueryの魔法」を壊しています。プラグインは次のようになります。

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

$('#slideContainer').slideIt();​

そうしないと、 $('#slideContainer').slideIt().fadeIn("slow") のようなことはできません。

作業デモはこちら。