使用后退按钮

时间:2017-01-12 21:23:45

标签: javascript cross-browser back-button

亲爱的社区和读者:

编程我第一次遇到一个奇怪的行为的小网站。我基本上做的是我隐藏身体直到页面加载然后淡入。通过onClick在导航中的链接我使用redirectPage并且程序重复与目标链接页面。所以这很好用但是当在浏览器中访问网站并使用后退按钮时,似乎之前访问过的页面不会呈现。最新的谷歌Chrome版本正在这样做,Firefox,Safari失败。奇怪地拥有Safari,单击后退按钮三次强制主页再次加载。这种情况大部分发生,但不是所有时间。

有人知道如何在我的函数中实现在按下后退按钮的任何时候强制渲染。可能是一个愚蠢的问题,但我真的从未遇到过这个问题。我尝试了一些我发现的片段,并以自己的方式在他们周围工作。它们不起作用,我宁愿理解这个问题而不是选择纯化妆品。

感谢您的投入!

    // Document on load.
$(function(){

    gotToNextSection();
    loaderPage();
    ScrollNext();
    moreProjectSlider();

    // Animate
    contentWayPoint();


})();


$(document).ready(function() {

    $("body").css("display", "none");

    $("body").fadeIn(2000);
    $("body").stop().animate({
        opacity: 1
    });


    $("a.transition").click(function(event){

        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(1000, redirectPage);      

    });

    function redirectPage() {
        window.location = linkLocation;
    }

});

0 个答案:

没有答案