我们如何以编程方式选择 JQuery Mobile 导航栏中的选项卡?我尝试使用下面的代码来做到这一点。但没有用。
var tabButton = document.getElementById("tabId2");
tabButton.className = "ui-btn-active";
UPDATE:
请检查一下:http://jsfiddle.net/YnxML/15/ http://jsfiddle.net/YnxML/15/
UPDATE:
以下是我用来在页脚开发导航栏的代码。
<div data-role="page" data-theme="b" id="option-page">
<div data-role="footer" data-id="foo1" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>
<li><a href="#" id ="tabId2" onclick="method2();" >2</a></li>
<li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
直播链接:http://jsfiddle.net/YnxML/24/ http://jsfiddle.net/YnxML/24/
HTML
<div data-role="page" data-theme="b" id="option-page">
<div data-role="footer" data-id="foo1" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>
<li><a href="#" id ="tabId2" onclick="method2();" >2</a></li>
<li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div>
JS
$('#tabId1').removeClass('ui-btn-hover-b').addClass('ui-btn-up-b');
$('#tabId2').addClass('ui-btn-active');
$('#option-page').page();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)