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

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