jQueryアニメーションはリンクを申請していませんか？

Question

ここではdivを表示したり非表示にしたりするためにいくつかの助けがありました。結果として、次のコードが作成されました。唯一の問題は、クラス.closepanelのリンクをクリックするとスライドアップアニメーションが動作しません。それが閉じたときにアニメーションが適用されません...決算アニメーションがどこか他のクリックに対して適用されないように奇妙なようだ...

動作するものとしてslideupする機能を共有し、特にとして...

$(document).ready(function(){ 
$('#panel').click(function(e) { 
    e.stopPropagation(); 
    });  
    $(".panel-tab").click(function(e) { 
    $("#panel").slideDown("slow"); 
    e.stopPropagation(); 
    }); 
    $(document,'.closepanel').click(function() { 
     $("#panel").slideUp("slow"); 
    }); 
}) 

Answer 1

今私は間違ったことを覚えているかもしれません。しかし、私はあなたがJQueryへの引数で検索を制限した場合、その引数はの第二の引数でなければならないと思います。しかし、文書を使用しているので、実際にはそれを非常に制限しているわけではありません。

ので、これらのいずれかは、おそらく

$('.closepanel').click(function() { 
     $("#panel").slideUp("slow"); 
    }); 

を動作するはずですか、あなたは本当に文書

$('.closepanel', document).click(function() { 
     $("#panel").slideUp("slow"); 
    }); 

Answer 2

を参照したい場合は、セレクタでのあなたの引数リストは、このために周りに間違った方法でありますライン：

$(document,'.closepanel') 

コンテキストa rgumentは、第二次のようになります。documentの文脈でクラスclosepanelを持つ要素を選択します

$('.closepanel', document) 

。

参照：contextパラメータの詳細については、http://api.jquery.com/jQuery/を参照してください。

---

更新：次に、あなたのイベントハンドラをバインドし

$(document).Remove('.closepanel') 

または

$('*:not(.closepanel)') 

： .closepanel使用以外のすべてを選択します。

参照：詳細については、http://api.jquery.com/remove/とhttp://api.jquery.com/not-selector/

---

アップデート2：

あなたは、パネルを上にスライドハンドラをバインドするコレクションを構築することができます欠けている場合：

• 複数のセレクタを使用して結合：http://api.jquery.com/multiple-selector/
• 使用.add(selector)は、変数としての機能を作成し、選択した項目http://api.jquery.com/add/
• に追加して、イベントをバインドするには別途

ます。またslideupの副作用を防ぐために一度実行する one() http://api.jquery.com/one/がイベントにハンドラをバインドするために使用することができます

（）は、パネルが表示されていないときに呼び出されます。