Question

我在页面1中输入了导航栏A，在页面2中输入了导航栏B，当我单击第2页中的导航栏B时，第1页中的导航栏A失去了焦点，因此当从第2页返回到第1页时，第1页由于导航栏A失去活动而没有显示任何内容。

在第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()

有什么想法吗？谢谢。

Answer 1

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

例如： -

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

带有两个导航栏的jquery mobile

1 个答案: