我想在 jQuery Mobile 中设置默认选项卡。
我的源代码:
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#one" id="tabId1" 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>
$("#tabs").tabs({ active: 0 });
它工作但没有背景颜色,因为第一个选项卡实际上没有被点击。
我想在登录时设置带背景的默认标签。
最佳答案
要设置事件标签,请尝试:
$( "#tabs" ).tabs("option", "active", 1);
Here is a working DEMO
更新:选项卡按钮上的蓝色背景来自 ui-btn-active 类。将此类添加到按钮,或者不设置事件选项卡,而是触发相应按钮上的单击事件:http://jsfiddle.net/ezanker/c29gd4h6/1/
关于jquery-mobile - jQuery Mobile 默认选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25336233/