jQuery .fadeIn() 不会覆盖 css

Question

我正在尝试使用 jquery 的 fade in 函数来完成它的工作，如果我之前使用 fadeOut 将不透明度更改为 0，它工作正常，但如果我在 css 中将不透明度设置为 0，jquery 函数将不会覆盖 css。

如何在单击事件之前保持元素隐藏的同时使函数正常工作？

Answer 1

看起来像fadeIn()如果元素没有被隐藏就会有问题，所以你可以试试fadeTo()

$('div').css('opacity', '0').fadeTo(2000, 1)

演示:Fiddle

或尝试 animate({opacity: 1})喜欢

$('div').css('opacity', '0').animate({
    opacity: 1
}, 2500)

演示:Fiddle