2012-07-18 52 views
-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() 

任何想法谢谢?

+0

我们需要看到一些你的代码,以帮助您 – Undefined 2012-07-18 07:40:20

+0

我添加代码,谢谢。 – xlwrn50x 2012-07-18 08:11:15

+0

+1添加的代码,很好的工作 – Undefined 2012-07-18 08:14:07

回答

0

应用data-ajax="false在导航栏..

对于前: -

<a href="index.html" data-ajax="false>Link</a> 
+0

对不起,它没有工作,我错过了什么? – xlwrn50x 2012-07-18 08:11:55