我正在使用jQuery标签,并且其中一个标签中的内容是通过AJAX调用检索的。但是我不希望在单击选项卡(使其处于活动状态)之前触发呼叫,因为用户可能不一定会单击它。最好的方法是什么?
jQuery UI为选项卡提供了select和show事件,但是当选择或显示 任何 选项卡时,这些事件就会触发,而不仅仅是特定的选项卡(据我所知)。
select
show
我还尝试将click事件分配给特定标签的ID:
click
$("#my-tab").click(function(){ ... $.post(URL, function(data){ ... }); ... }
但这似乎没有任何作用,并且永远不会触发该呼叫。
UI标签提供了一个功能,当您选择标签时会触发该功能。
$( ".yourTab" ).tabs({ select: function(event, ui) { if(ui.index == myTabIndex) { $.post(URL, function(data){ ... }); } } });
注意 使用activate新版本。
activate
参考