jquery - jQuery:激活/悬停第一个选项卡

默认情况下，“首页”标签处于选中状态，但其颜色为灰色:(

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

如何使标签变为蓝色？这样用户可以看到哪个选项卡处于活动状态？

谢谢！

最佳答案

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

class =“ ui-btn-active和ui-state-persist”

<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 - jQuery:激活/悬停第一个选项卡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27138953/