Question

我在为我的朋友制作的网站遇到问题。

基本上，主页是一个带有图像的div，以及一个带有链接的菜单栏。使用jquery我阻止了点击链接的默认操作，之后菜单栏向上滑动，按下的链接变为活动状态，同时图像淡出。之后，您将被重定向到所选页面。这是有效的，它是一个平稳过渡，你甚至不会真正注意到页面转换。问题是，如果您被重定向到页面，并按下浏览器后退按钮，您将返回主页但图像仍然会消失，菜单栏将位于顶部，前一个链接仍将具有类＆＃34;有源＆＃34 ;.

所以基本上它就像你回到主页，但是在页面已经执行了jQuery的状态。我不想要这个，它只需要像刷新页面一样。有没有办法实现这个目标？

提前致谢

编辑：代码：

$( document ).ready(function() {
    $('.nav_item a').click(function( event ) {
        event.preventDefault();
    });

    $("#menu").on('click', '.nav_item', function(){
        $(this).toggleClass('nav_item_active');
        $("#menu").css('top','-10px');
        $("#menu").css('background','rgba(89, 89, 89, 0)');
        $("#background_image").css('opacity','0');
        var href = $(this).find('a').attr('href');

        setTimeout(function() {
            window.location = href;
        }, 1300);
    }); 
});

Answer 1

没关系，找到了答案。我必须将onunload=""添加到正文标记。

<body onunload="">

手动返回页面会使事情变得混乱

1 个答案: