“返回”浏览器按钮返回白页

Question

我添加了一段代码，以使锚链接的跳转更平滑。

    $('.link-fade').click(function(){
      var href= $(this).attr('href');

      // do animation
      $('body').fadeOut( 500, function(){
            // go to link when animation completes
            window.location=href;
      })

      // over ride browser following link when clicked
      return false;
})

问题是：当我按下一个链接，然后点击“后退”浏览器按钮时，有时它会使整个页面变白并且不加载任何内容。

PS：我的页面中也包含了speed.js。

Answer 1

而不是返回false，请尝试此

$('.link-fade').click(function(e){

  e.preventDefault();

  var href= $(this).attr('href');

  // do animation
  $('body').fadeOut( 500, function(){
        // go to link when animation completes
        window.location=href;
  });
});