-2
我在第2页的页面1和导航栏B中获得了导航栏A,当我单击页面2中的导航栏B时,页面1中的导航栏A失去了焦点,因此当从页面2返回到页面时1,第1页没有显示因为导航栏A的丧失活性jquery mobile with two navbars
在第1页的页眉的东西:
<div data-role = "navbar" id = "mainHeaderNavbar>
<ul>
<li><a data-id = "top" id = "menu-top" class="ui-btn-active ui-state-persist my-btn" >Top</a></li>
<li><a data-id = "sports" id = "menu-sports" class="my-btn">Sports</a></li>
</ul>
</div>
在第2页的页脚:
<div data-role="navbar" data-iconpos="top" data-id = "setfooter" id = "setPageNavbar">
<ul>
<li><a data-id = "discuss" id = "discuss" data-icon="plus" class="my-btn"></a></li>
<li><a data-id = "download" id = "download" data-icon="arrow-d" class="my-btn"></a></li>
</ul>
</div>
在我的JavaScript文件我用它来听第1页的导航酒吧的事件:
$(document).delegate('.ui-navbar a', 'click', function() {
$(this).addClass('ui-btn-active');
$('.content_div').hide();
$('#' + $(this).attr('data-id')).show();
});
正如第2页的导航栏:
$("#discuss").live("click",function()
任何想法谢谢?
我们需要看到一些你的代码,以帮助您 – Undefined 2012-07-18 07:40:20
我添加代码,谢谢。 – xlwrn50x 2012-07-18 08:11:15
+1添加的代码,很好的工作 – Undefined 2012-07-18 08:14:07