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

Question

我试图捕捉一个选项卡选择事件，类似于从近3年前的this similar question这jsfiddle。

<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> 

我似乎无法找到，在新的版本适用于任何方法：使用jQuery-UI-1.8.9，当作为链接的jsfiddle下面的代码工作。我非常想避免在这里回到1.8.9，但是我有必要能够检测何时选择了一个选项卡。有其他人遇到这个问题吗？我确信这是直截了当的，但我无法弄清楚。 。

Answer 1

在jQuery UI的1.10 *它的激活，而不是选择：

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