jquery - 单击/激活 jQuery UI 选项卡时触发函数？

Question

我正在使用 jQuery 选项卡，其中一个选项卡中的内容是通过 AJAX 调用检索的。但我不想在单击选项卡(激活)之前触发调用，因为用户可能不一定单击它。最好的方法是什么？

jQuery UI 为选项卡提供了 select 和 show 事件，但这些事件在选择或显示任何选项卡时触发，而不仅仅是特定的选项卡一个(据我所知)。

我还尝试将 click 事件分配给特定选项卡的 ID:

$("#my-tab").click(function(){
...
     $.post(URL, function(data){
          ...
     });
...
}

但这似乎没有任何效果，并且调用从未被触发。

Answer 1

勾选的解决方案不再有效，因为 jquery-ui has changed 。此外，您还需要在整个选项卡集上调用选项卡函数，而不仅仅是一个选项卡。并且 ui.index 需要替换。如果第二个面板的 ID 为“tab2”，那么您可以使用:

$("#tabs").tabs({
    activate: function(event, ui) {
       if (ui.newPanel.selector == "#tab2") {
            alert("tab 2 selected");
       }
    }
});