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>
我怎样才能让标签变成蓝色?这样用户就可以看到哪个选项卡处于事件状态?
谢谢!
最佳答案
对不起,我误解了你的问题。您需要使用以下内容指示事件按钮:
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:激活/悬停第一个选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27138953/