Question

我正在使用jQuery使用.load（）函数将php页面动态加载到我的页面中，到目前为止这已经成功但是如果你点击各种链接用.load（）来更新div它会开始新点击的页面和旧点击页面之间的闪烁，这非常烦人，有没有人得到修复？

当前代码：

$(document).ready(function(){
    $('a').click(function() {
      $('#content').load($(this).attr("href"));
      return false;
    }); 
});

Answer 1

闪烁可能是因为#content div的尺寸因负载而异，尝试在加载前滑动它或在负载之间使用另一个转换

例如：

$(document).ready(function(){
    $('a').click(function() {      
    $('#content').slideUp('slow',function(){
       $('#content').load($(this).attr("href"),function(data){
          $('#content').slideDown('slow'); 
      });
  })
  return false;
}); 
});

Answer 2

我希望可以质疑这个前提。你是否所有链接都使用ajax来替换#content的内容？这不会打破浏览器的前进/后退按钮行为吗？如果是这样，我个人不想使用这样的网站。

jQuery使用.load闪烁

2 个答案: