我们如何以编程方式在JQuery Mobile的导航栏中选择一个选项卡 [英] How can we programmatically select a tab in Nav bar of JQuery Mobile
本文介绍了我们如何以编程方式在JQuery Mobile的导航栏中选择一个选项卡的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我们如何以编程方式在JQuery Mobile的导航栏中选择一个标签?我尝试下面的代码来做到这一点.但是没有用.
How can we programmatically select a tab in Nav bar of JQuery Mobile? I tried the below code to do that. But of no use.
var tabButton = document.getElementById("tabId2");
tabButton.className = "ui-btn-active";
更新:
请检查以下内容: http://jsfiddle.net/YnxML/15/
更新:
以下是我在页脚处开发导航栏的代码.
Following is the code I have used to develop a Navigation bar at the footer.
<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/
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();
这篇关于我们如何以编程方式在JQuery Mobile的导航栏中选择一个选项卡的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文