使用jQuery UI选项卡，如何在点击选项卡后运行代码？

Question

随着jQuery UI tabs，您可以使用select方法来运行代码，点击选项卡时：

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

但刚刚点击选项卡已被加载之前运行代码。我需要在新标签加载后运行代码。我怎样才能做到这一点？谢谢阅读。

Answer 1

$(".selector").tabs({ 
    load: function(event, ui) { ... } 
}); 

从http://jqueryui.com/demos/tabs/

Answer 2

看起来你可以结合tabsload或tabsshow：

http://jqueryui.com/demos/tabs/#Events

例如

$('#example').bind('tabsshow', function(event, ui) { ... }); 

Answer 3

API已经改变。 这个事件现在是“激活”/“tasbactivate”;看到http://api.jqueryui.com/tabs/#event-activate

----- 下面-----------

OLD解答基于这个问题它的tabsshow（不是tabsload）事件时所需的...事件在显示选项卡时触发。

代码的例子：（从http://jqueryui.com/demos/tabs/）

供应的回调函数来处理节目事件进行选择。

$(".selector").tabs({ 
    show: function(event, ui) { ... } 
}); 

通过类型tabsshow绑定到show事件。

$(".selector").bind("tabsshow", function(event, ui) { 
    ... 
}); 

如果您想要将注意力集中在控件或类似事件上，该事件非常有用。