Jquery mobile 如何以编程方式选择JQuery Mobile导航栏中的选项卡
如何以编程方式选择JQuery Mobile导航栏中的选项卡?我尝试了下面的代码来实现这一点。但是没有用Jquery mobile 如何以编程方式选择JQuery Mobile导航栏中的选项卡,jquery-mobile,navbar,Jquery Mobile,Navbar,如何以编程方式选择JQuery Mobile导航栏中的选项卡?我尝试了下面的代码来实现这一点。但是没有用 var tabButton = document.getElementById("tabId2"); tabButton.className = "ui-btn-active"; 更新: 请检查以下内容: 更新: 下面是我用来在页脚开发导航栏的代码 <div data-role="page" data-theme="b" id="option-page"> <div da
var tabButton = document.getElementById("tabId2");
tabButton.className = "ui-btn-active";
更新:
请检查以下内容:
更新:
下面是我用来在页脚开发导航栏的代码
<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 -->
实时链接:
HTML
此触发器将触发click事件,因此不需要添加或删除选项卡中的活动项。该代码在Chrome中的JSFIDLE上工作,尽管样式有点不合适,但您在手机上看到了什么?它根本不改变标签吗?是的,Town…..它不改变标签选择..Phill..很棒..谢谢..你在JQM方面很出色..为我所问的所有问题提供解决方案..你能解释一下这一行中发生了什么吗:$'tabId1'。删除类'ui-btn-hover-b'。添加类'ui-btn-up-b';它删除不需要的类并添加所需的类。如果您在chromes dev tools或firebug下查看,您可以看到jQM添加的类,即使您悬停、单击等等。。。。只需查找所需的类即可。下面是分类:$'tabId1',谢谢Phill..这回答了我的问题:
<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>
$('#tabId1').removeClass('ui-btn-hover-b').addClass('ui-btn-up-b');
$('#tabId2').addClass('ui-btn-active');
$('#option-page').page();
$("#tabId").trigger("click");