使用jQuery.load时防止div崩溃

Question

我加载外部内容来替换DIV.

问题是,当ajax-loader.gif替换初始内容时,页面高度会缩小,滚动条可能会消失.加载外部内容后,滚动条会重新出现.那个抽搐带走了顺畅.

有更顺畅的方式吗？也许保留div的高度,直到外部内容加载？我不能使用固定的高度.这是我的功能:

function(){
    $('.filter a').click(function(){
    $('#mydiv').html('<p><img src="ajax-loader.gif" /></p>');
    $('#mydiv').load('/site/?key=Value');
  return false;
});

(Project是Wordpress中的分面搜索).

谢谢!

Answer 1

您可以加载使用$阿贾克斯()的内容和div的HTML设置为它返回的内容...

$.ajax({
  url: '/site/?key=Value',
  success: function(data) {
    $('#mydiv').html(data);
  }
});

编辑:我认为你的移动是由于加载图像是从您的其他评论...小这应该解决这个问题:

var storedHeight = $('#mydiv').height();
$('#mydiv').html('<p><img src="ajax-loader.gif" /></p>').find('p').height(storedHeight);