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

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

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