jQuery Mobile選項卡-選項卡選定事件

Question

通過手冊http://demos.jquerymobile.com/1.4.2/tabs/尚不清楚該API是否具有檢測何時選擇/點擊/單擊了某個選項卡的方法。

如何捕捉這個事件？

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <div data-role="tabs" id="tabs"> <div data-role="navbar"> <ul> <li><a href="#one" data-ajax="false">one</a></li> <li><a href="#two" data-ajax="false">two</a></li> <li><a href="ajax-content.html" data-ajax="false">three</a></li> </ul> </div> <div id="one" class="ui-body-d ui-content"> <h1>First tab contents</h1> </div> <div id="two"> <ul data-role="listview" data-inset="true"> <li><a href="#">Acura</a></li> <li><a href="#">Audi</a></li> <li><a href="#">BMW</a></li> <li><a href="#">Cadillac</a></li> <li><a href="#">Ferrari</a></li> </ul> </div> </div> 

Answer 1

感謝Omar，答案是http://api.jqueryui.com/tabs/#event-activate

   $( "#tabs" ).on( "tabsactivate", function( event, ui ) {
                 //some code
    } );