jquery - 使用 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;
});

(项目是 Wordpress 中的分面搜索)。

谢谢!

Answer 1

您可以使用 $.ajax() 加载内容并将 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);