jQuery fadeOut没有显示没有？

Question

是否有替代fadeOut()的样式不使用display:none？我想隐藏可见性以避免页面布局中的任何变化？

Answer 1

您可以使用.animate()上opacity直接:

$(".selector").animate({ opacity: 0 })

这样,元素仍然可以像你想要的那样占据空间,它只是具有0不透明度,所以它实际上与visibility: hidden它完成时的效果相同.

Answer 2

是的,还有另一种选择.它被调用.fadeTo(),你设置目标不透明度,在你的情况下0.

$('element').fadeTo( 1000, 0 ); // fade to "0" with a 1000ms duration

这不会改变最后的display财产.