Question

手动http://demos.jquerymobile.com/1.4.2/tabs/目前还不清楚API是否有方法可以检测何时选择/点击/点击某个标签。

如何捕捉此事件？

＆＃13;

<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>

＆＃13;

Answer 1

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

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

jQuery Mobile选项卡 - 选项卡选定的事件

1 个答案: