一尘不染

单击jQuery UI选项卡/使其处于活动状态时触发函数吗?

ajax

我正在使用jQuery标签,并且其中一个标签中的内容是通过AJAX调用检索的。但是我不希望在单击选项卡(使其处于活动状态)之前触发呼叫,因为用户可能不一定会单击它。最好的方法是什么?

jQuery UI为选项卡提供了selectshow事件,但是当选择或显示 任何
选项卡时,这些事件就会触发,而不仅仅是特定的选项卡(据我所知)。

我还尝试将click事件分配给特定标签的ID:

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

但这似乎没有任何作用,并且永远不会触发该呼叫。


阅读 200

收藏
2020-07-26

共1个答案

一尘不染

UI标签提供了一个功能,当您选择标签时会触发该功能。

$( ".yourTab" ).tabs({
   select: function(event, ui) {
        if(ui.index == myTabIndex) {
            $.post(URL, function(data){
              ...
            });
        }
   }
});

注意 使用activate新版本。

参考

2020-07-26