jquery - タブを切り替えるときにjqueryタブプラグインでイベントを発生させることは可能ですか?

Question

jquery タブ プラグインを使用していますが、ユーザーがタブを切り替えたときにイベントを設定する方法がわかりません。

助けてください。

Answer 1

activate()あなたはイベントを探しています。

$(".selector").tabs({
    activate: function(event, ui) {
        alert("You changed tabs");
        // Or do something more constructive...
    }
});

Answer 2

activate( event, ui )

タブがアクティブ化された後 (アニメーションの完了後) にトリガーされます。タブが以前に折りたたまれていた場合、ui.oldTab と ui.oldPanel は空の jQuery オブジェクトになります。タブが折りたたまれている場合、ui.newTab と ui.newPanel は空の jQuery オブジェクトになります。

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

イベント リスナーを tabsactivate イベントにバインドします。

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