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);
      });
});

如果有人可以提供帮助，很多人会提前感谢，即使在漫长的工作结束时我也会在这个问题上挣扎！

Answer 1

您可以在一个函数处理程序上绑定多个事件我在这里建议的4只是代码示例的建议由您决定要绑定的正确事件。

请参阅此处的列表：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.");
         }
      });
});

jquery不断运行一个事件

1 个答案: