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

Question

我正在尝试捕获一个选项卡选择事件，与大约 3 年前来自 this similar question 的 jsfiddle 完全相同。以下代码在使用链接的 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
    }
});