Javascript 正在删除ui btn活动类_Javascript_Jquery Mobile

Javascript 正在删除ui btn活动类

javascript jquery-mobile

Javascript 正在删除ui btn活动类,javascript,jquery-mobile,Javascript,Jquery Mobile,我有以下资料： <body id="body"> <div data-role="header" id="header"> <div data-role="navbar" id="navbar"> <ul> <li><a class="ui-state-persist ui-btn-active" data-ajax="true" href="#pagex">Ouch</a></li> <

我有以下资料：

<body id="body">
<div data-role="header" id="header">
<div data-role="navbar" id="navbar">
<ul>
  <li><a class="ui-state-persist ui-btn-active" data-ajax="true" href="#pagex">Ouch</a></li>
  <li><a class="ui-state-persist " data-ajax="true" href="#pagey">Wow</a></li>
</ul>
</div>
</div>

<div data-role="page" id="pagex">
</div>
<div data-role="page" id="pagey">
</div>
</body>

不幸的是，它仍然不起作用。菜单项将短暂高亮显示，然后返回正常状态。

演示结束后：您只需将代码放入

pagecontainerchange

事件中，如下所示：

$（文档）.ready（函数（）{
$（“#navbar”）.navbar（）；
$（“#标题”）.toolbar（）；
});
$（文档）.on（“pagecontainerchange”，函数（e，ui）{
$（“#导航栏ui btn活动”）.removeClass（“ui btn活动”）；
var toPage=“#”+$（ui.toPage.attr（“id”）；
$（“#导航栏a[href=“+toPage+”]）.addClass（“ui btn活动”）；
});





第十页
第y页

$(document).on('pageshow',function(event,ui){
  // disable previous selected links
  $('[data-role=navbar] a').removeClass("ui-btn-active");
  var menuLink = $('[data-role=navbar] a[href="#'+$.mobile.activePage.attr('id')+'"]');
  menuLink.addClass("ui-btn-active");
});