Question

我正在尝试捕捉一个标签选择事件，就像差不多3年前来自jsfiddle的this similar question一样。在链接的jsfiddle中使用jquery-ui-1.8.9时，以下代码有效：

<script>
$('#tabs').tabs({
      select: function(event, ui){
             //do stuff
      }
});
 </script>
 <div id="tabs">
        <ul>
            <li><a href="#tabs-1">First</a></li>
            <li><a href="#tabs-2">Second</a></li>
            <li><a href="#tabs-3">Third</a></li>
        </ul>
        <div id="tabs-1">
            <iframe src="page1.html" width="100%" height="600" marginheight="0" frameborder="0"></iframe>
        </div>
        <div id="tabs-2">
            <iframe src="page2.html" width="100%" height="600" marginheight="0" frameborder="0"></iframe>
        </div>
        <div id="tabs-3">
            <iframe src="page3.html" width="100%" height="600" marginheight="0" frameborder="0"></iframe>
        </div>
    </div>

我似乎无法找到适用于较新版本的任何方法。我非常想避免在这里回到1.8.9，但是我必须能够检测到选择标签的时间。还有其他人遇到过这个问题吗？我确信这是直截了当的，但我无法理解。

Answer 1

在jQuery UI 1.10。*中激活而不是选择：

$('#tabs').tabs({
    activate: function(event, ui){
        //do stuff
    }
});

在jquery-ui 1.10.4中捕获选项卡选择事件

1 个答案: