Question

然后，点击页面顶部的棒球图形之一，您将看到我使用jQuery生成的棒球队列表：

＆＃13;

<li class="">
  <a href="#baseball">
    <img src="http://www.luxuryvipsuites.com/wp-content/uploads/cache/2015/09/tab-image2/846523235/844979726.jpg" class=" crb_home_tab_icon" width="156" height="146"> </a>
</li>

＆＃13;

点击任意列表中的其中一个链接（即费城费城人队）。
浏览费城费城人队页面的主页
请注意我的棒球队名单会显示，并且列表会重新设置为默认的足球队名单。
当我浏览回家时，我需要显示棒球列表。最好突出显示Philadelphia Phillies链接。

我使用jquery.history.js但没有工作。任何指导，非常感谢。

Answer 1

当您单击后退按钮时，它当前会加载带有相应菜单单击的哈希值的URL。因此，我们可以使用它来模拟点击。

以下是点击后退按钮加载内容的简化方法。

jQuery(document).ready(function() {
    var hash = window.location.hash.substr(1);

    if(hash == 'baseball' || 
       hash == 'basketball' ||
       hash == 'hockey' ||
       hash == 'artists' ||
       hash == 'events'
    ) {
       $('#menu-' + hash).click();
    }

});

编辑：代码中的某些内容是在点击主页上的运动球链接时删除＃。

要添加它们，请尝试使用此JS：

$('.tabs-nav a').on('click', function() {
     window.location.hash = $(this).attr('href');
});

使用浏览器后退按钮时保持页面状态

1 个答案: