jquery-ui - jQuery UI 可折叠选项卡 - 如何：每次选项卡变为活动（展开）时运行功能？

Question

我在可折叠选项卡中有一个搜索表单，我想运行一个函数来在每次选项卡变为活动状态时将焦点设置到第一个表单元素：

<div id=\"search\">
  <ul>
    <li><a href=\"#search-1\">Search Posts</a></li>
  </ul>
</div>


$( "#search" ).tabs({
  collapsible: true,
  active: false
});

我想不出办法怎么做，有什么想法吗？

Answer 1

查看activate小部件的事件： api.jqueryui.com/tabs/#event-activate

在标签创建时定义：

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

或者绑定一个事件监听器：

$( ".selector" ).on( "tabsactivate", function( event, ui ) {} );