jquery .hide().fadeIn()

Question

这是我的代码:

$('.items').html(response).hide().fadeIn();

问题是当加载它时页面"跳"起来,因为.hide()..还有其他方法可以做到这一点吗？

Answer 1

如果要保持元素的尺寸不变,可以使用不透明度:

$('.items').html(response).css({'opacity':0}).animate({'opacity':1});

Answer 2

使用 CSS 隐藏，然后在需要时将其淡入：

css :

.items {
   display:none;
}

JavaScript

$('.items').html(response).fadeIn();