-2

我在第 1 页中有导航栏 A，在第 2 页中有导航栏 B，当我单击第 2 页中的导航栏 B 时，第 1 页中的导航栏 A 失去了焦点，所以当从第 2 页返回到第 1 页时，第 1 页没有显示任何内容因为导航栏 A 失去活动。

在page 1的Header中：</p> 

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

有什么想法吗？谢谢。

4

1 回答 1

0

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

例如：-

<a href="index.html" data-ajax="false>Link</a>
于 2012-07-18T07:41:34.977 回答