JQuery：标签 - 你怎么知道一个标签被点击的时间？

Question

我正在使用JQuery Tabs。

我想在用户点击特定的选项卡时触发我的功能。

如何在单击时将事件绑定到每个单独的JQuery选项卡？

Answer 1

Select event: This event is triggered when clicking a tab.

如果你想不同的功能添加到每个选项卡，你可以给每个锚onclick事件。

<ul> 
    <li><a href="#tabs-1" onclick="function1();">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2" onclick="function2();">Proin dolor</a></li> 
    <li><a href="#tabs-3" onclick="function3();">Aenean lacinia</a></li> 
</ul> 
.... 

<script type="text/javascript"> 

    $(document).ready(function(){ 
     $(".selector").tabs(); 
    }); 

    function function1(){ 
     // your code here 
    } 

    function function2(){ 
     // your code here 
    } 

    function function3(){ 
     // your code here 
    } 
</script 

Answer 2

怎么是这样的：

$('#example').tabs({ 
    select: function(event, ui) { 
     var $tabs = $('#example').tabs(); 

     // Gets the currently selected tab. 
     var selected = $tabs.tabs('option', 'selected'); 

     // Run a switch on that selected tab and do what you need depending 
     // on which tab was selected. 
     switch(selected){ 
      case 0: 
       break; 
      case 1: 
       break; 
      case 2: 
       break; 
      case 3: 
       break; 
     } 
    } 
}); 

有可能是一个更漂亮的解决方案，但这应该在技术上做你所需要的。

编辑：如果您使用静态选项卡，这工作得很好。如果你有可能的动态标签，然后使用这样的事情：

$("#tabID").click(function(){ 
    do something here...; 
});