如何在 jQuery Mobile 中的 pagecreate 上设置活动 TAB

Question

在 jQuery 移动设备中创建页面时，我需要 select 默认第一个 TAB。

用官方的例子不清楚怎么做。 http://demos.jquerymobile.com/1.4.2/tabs/

有线索吗？

<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

使用下面的代码 // 添加 'ui-btn-active' 到您要设置为活动的选项卡

<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" class="ui-btn-active" 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>

如何在 jQuery Mobile 中的 pagecreate 上设置活动 TAB

How to set active TAB on pagecreate in jQuery Mobile

javascript

css

tabs

jquery-mobile

使用下面的代码 // 添加 'ui-btn-active' 到您要设置为活动的选项卡