使用hide和show（jquery）时，使浏览器的后退按钮工作

Question

我见过megaupload（mega）的新网站，我们得到了这个：


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

在我的网站上，我使用jquery hide和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

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

Answer 2

您可以使用jquery加载函数加载白色部分

例如;

$('#result').load('ajax/test.html');

在后退按钮事件中，您可以加载白色部分

jquery隐藏和显示

window.onbeforeunload = function() { $('#result').hide(); };或

window.onbeforeunload = function() { $('#result').show(); };

jquery加载函数

window.onbeforeunload = function() { $('#result').load('ajax/test.html'); };