jquery連続してイベントを実行する

Question

次のコードでは、アクティブなタブのIDを確認していますが、ページが最初に読み込まれたときに一度だけ確認します。

jQuery(document).ready(function(){ 
     var id_of_tab = jQuery('#member-registration .tab-pane.active').attr('id'); 
     console.log(id_of_tab); 
}); 

私は、ユーザーがこのタブをアクティブにすることのできる様々な方法があるよう（、継続的にアクティブなタブのIDを確認するために、このコードが必要、と私は多くのクリックやホバーイベントを試みたが、アイブ発見しましたすべての問題）。

クリック/ホバー（以下の例など）で発生するのではなく、実行中のタブを変更してアクティブなタブが変化した場合に変数値を変更する必要があります。事前に

jQuery(document).ready(function(){ 
    $(".view-registration").hover(
     function() { 
     var id_of_tab = jQuery('#member-registration .tab-pane.active').attr('id'); 
     console.log(id_of_tab); 
     }); 
}); 

多くの多くのおかげで誰もがこの1に苦労し、長い一日の仕事の終わりにイムとイムを助けることができれば！

Answer 1

複数のイベントを1つの関数ハンドラにバインドできます。
ここで提案するのはコード例のための唯一の提案です。
バインドする正しいイベントを決定するのはあなた次第です。

こちらをご覧リスト：http://www.quirksmode.org/dom/events/ユーザーがタブと対話することができますどのように

$(document).ready(function(){ 
    $("#member-registration").bind("change mouseover click input",function(){ 
     var id_of_tab = $(this).attr('id'); // Will alway return #member-registration 
     console.log(id_of_tab); 

     // Suggested console message ;) 
     console.log("An event occured on #member-registration"); 

     // Maybe a check for the `active` class? 
     if($(this).hasClass("active")){ 
      console.log("#member-registration is active."); 
     } 
     }); 
});