jquery-ui-tabs - 显示 jquery ui 选项卡时如何执行操作

Question

显示选项卡时如何执行操作？

我已经尝试了http://jqueryui.com/demos/tabs/#event-show中的示例，但似乎没有看到我做错了什么。

$( "#General_Files" ).bind( "tabsshow", function(event, ui) {
  console.log('Performing action here');
});

其中 General_Files 是选项卡的 ID。

我正在使用 jquery-ui-1.8.21 和 jquery-1.7.2。

谢谢 h0tw1r3

解决方案：这是我如何让它工作的。

<div id="tabwidget">
    <ul><li><a href="#General_Files">General Files</a></li></ul>
    <div id="General_Files">content</div>
</div>

以下工作。

$( "#tabwidget" ).bind( "tabsshow", function(event, ui) {
  console.log('Performing action here');
});

Answer 1

General_files 是选项卡的 ID。

更改为选项卡小部件的 ID 并用于ui.panel访问函数中的实际选项卡。