3

我已经看到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 或我必须使用的任何东西找到它。
我不知道我是否解释得很好，如果没有，请让我做得更好。
我将不胜感激任何帮助。非常感谢。

4

2 回答 2

1

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

于 2013-07-20T22:18:22.773 回答
0

您可以使用 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'); };
于 2013-07-20T21:49:12.380 回答