0

私のHTMLコード:

<div id="tabsWithStyle">
    <ul>
        <li><a href="#data1">Data 1 TAB</a></li>
        <li><a href="#data2">Data 2 TAB</a></li>
        <li><a href="#data3">Data 3 TAB</a></li>
    </ul>
</div>
<div id="data1">
    <jsp:include page="./data1.jsp" flush="false"></jsp:include>
</div>
<div id="data2">
    <jsp:include page="./data2.jsp" flush="false"></jsp:include>
</div>
<div id="data3">
    <jsp:include page="./data3.jsp" flush="false"></jsp:include>
</div>

選択/クリックされたTABの番号を教えてくれる私のJQUERYコード：

$('#tabsWithStyle').tabs({
    activate: function( event, ui ) {
        var activeTabNumber = $( "#tabsWithStyle" ).tabs( "option", "active" );
        alert("number of selected tab link: "+activeTabNumber);
    }
});

data2 リンクを使用していて、別のリンクをクリックしたかどうかを知りたいです。どうすればそれを「キャッチ」できますか？自分を十分に表現できればと思います。ありがとうございました！

4

2 に答える 2

1

あなたの質問を正しく理解できればui、イベント ハンドラーのパラメーターにはactivate必要なものがすべて含まれています。

http://api.jqueryui.com/tabs/#event-activate

  • newTab: アクティブ化されたばかりのタブ。
  • oldTab: 非アクティブ化されたばかりのタブ。
  • newPanel: アクティブ化されたばかりのパネル。
  • oldPanel: 非アクティブ化されたばかりのパネル。
于 2013-07-30T12:50:51.647 に答える