.offアニメーション終了イベントをアンバインド

Question

私はアニメーションメニューを作成しているので、前後にタブをスライド/展開して見ています。私はクリックされたタブにアタッチしているアニメーションイベントをバインド解除する以外はすべて動作します。ほとんどの場合、タブをクリックすると、リスナーがアニメーションの終わりに接続され、次のタブをクリックすると、以前にクリックされたタブにリスナーをバインド解除します。しかし、何らかの理由で.off関数を起動することはできません。以下は私のコードです

var $featuredTab = this.$('.featured'), 
    $tabContainer = $(e.target).parent(), 
    $menu = this.$el, 
    index = $tabContainer.index(), 
    count = $tabContainer.parent().children().length; 

    if($featuredTab.length > 0) { 
     $menu.off('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', $featuredTab, function() { 
      console.log('off'); 
      //do stuff 
     }); 
    } 

    $tabContainer.addClass('featured'); 


    $menu.on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', $tabContainer, function(e) { 
      console.log(e.originalEvent); 
      //do stuff 
    }); 

オフイベントはなぜ発生していないのですか？

Answer 1

セレクタとして2番目のパラメータを扱っていると仮定すると、onが正しく使用されていません。 2番目のパラメータは、オブジェクトを渡すセレクタ（文字列）です。第2（セレクタ）および第3（データ）パラメータはオプションです。

ここを見てみましょう - http://api.jquery.com/on/

をあなたはこれを試すことができますが。

$menu.off('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd'); 

Answer 2

off()は、イベントをトリガしませんので。

off()メソッドは、.on()で接続されたイベントハンドラを削除します。

以前メニューに添付されたすべてのイベントバインド解除したいように見えます：あなただけのイベントを削除したい場合は、ドキュメントからthis exampleを参照してください

// this removes ALL events 
$menu.off('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd'); 

を。