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 ) {} );