Jquery淡入不起作用

Question

我正在尝试更改img src，然后将不透明度设置为0，然后淡入。

 $("#featureImg").attr('src','07.jpg').css({opacity:0}).fadeIn("slow");

这适用于

.css({opacity:0})

这意味着它确实将不透明度设置为0，但渐变从未发生。

Answer 1

该问题是由将CSS不透明度为零与fadeIn((结合使用引起的。要隐藏元素，然后使用fadeIn((，您应该使用.css(｛display:'none'｝(或.hide((，然后再使用fadeIn((，就像这样：

   $("#featureImg").attr('src','07.jpg').css({display:'none'}).fadeIn("slow");

或

   $("#featureImg").attr('src','07.jpg').hide().fadeIn("slow");

fadeIn((的目的是显示一个"隐藏"元素，jQuery将"隐藏"解释为不显示，并且不具有零透明度。

Answer 2

不透明度值为0会使对象完全透明。因此，当fadeIn((工作时，它在透明对象中逐渐消失。

Answer 3

如果要淡化不透明度，请改用.fadeTo("slow", 1);。隐藏元素会回流页面并移动内容，因此如果您希望所有内容都保持原位，请使用此选项。