javascript - 使用隐藏和显示时使浏览器的后退按钮起作用(jquery)

Question

我看到了 megaupload (mega) 的新网站，我们得到了这个:


好的，如果我按下左侧菜单联系人，它只会重新加载图像上的白色部分，如果我按下消息，同样，它只会重新加载白色部分。但是，如果我从联系人转到消息并按下浏览器的后退按钮，它会从消息转到联系人，并且一如既往地只重新加载白色部分。

在我的网站上，我使用 jquery hide and show 做同样的事情，但显然，如果我按下浏览器的后退按钮，它不会隐藏 div 并显示另一个。

我的网站只有一个 html 文件，有 4 个 div 根据您按下的按钮显示或隐藏，这是一个示例:

$("#btn_contact").click(function () {
    $("#content_contact").show();
    $("#content_home").hide();
    $("#content_products").hide();
    $("#body_aux").hide() ;  
    $(this).addClass('visited');
    $('#btn_products').removeClass('visited');
    $('#btn_home').removeClass('visited');  
});

任何人都可以告诉我如何使用 jquery 或任何我必须使用的东西找到它。
不知道自己有没有解释清楚，如果没有，请让我做得更好。
我将不胜感激任何帮助。非常感谢。

Answer 1

如 Ozan Deniz 所说，制作“content_contact.html”、“content_home.html”等并使用 .load() 函数对您来说可能更容易、更合适。您不必更改边距、位置等，后退按钮无需编程即可工作。我认为只使用一个 html 文件来制作整个网站，显示和隐藏 div 是不合适的，当然你可以这样做，但也许不是正确的方法。我是这方面的新手，但这是专家告诉我的，因为我正在做类似的事情。
希望能帮到你。