Question

默认选择Home-tab，但颜色为灰色：（

<div data-role="tabs" id="tabs">

    <div data-role="navbar">
        <ul>
            <li><a href="#home" data-ajax="false">Home</a></li>
            <li><a href="#one" data-ajax="false">Bla</a></li>
            <li><a href="#two" data-ajax="false">Contact</a></li>
        </ul>
    </div>

</div>

如何将标签设为蓝色？那么用户可以看到哪个标签处于活动状态？

谢谢！

Answer 1

抱歉，我误解了你的问题。您需要用以下内容指示活动按钮：

class =＆＃34; ui-btn-active和ui-state-persist＆＃34;

<div data-role="tabs" id="tabs">
  <div data-role="navbar">
    <ul>
     <li><a href="#home" data-ajax="false" data-role="button" class="ui-btn-active ui-state-persist">Home</a></li>
     <li><a href="#one" data-ajax="false" data-role="button">Bla</a></li>
     <li><a href="#two" data-ajax="false" data-role="button">Contact</a></li>
   </ul>
  </div>
</div>

http://demos.jquerymobile.com/1.1.1/docs/toolbars/docs-navbar.html

jQuery：激活/悬停第一个选项卡

1 个答案: