jQuery 移动标签 - 标签选择事件

Question

手动 http://demos.jquerymobile.com/1.4.2/tabs/ 不清楚 API 是否有检测某个选项卡何时被 selected/tapped/clicked 的方法。

如何捕捉这个事件？

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

jQuery 移动标签 - 标签选择事件

jQuery Mobile Tab - tab selected event

html

javascript

tabs

jquery-mobile