2012-07-18 50 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