jQuery .fadeIn() 不会覆盖 css

标签 jquery css fadein opacity

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

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

最佳答案

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

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

演示:Fiddle

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

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

演示:Fiddle

关于jQuery .fadeIn() 不会覆盖 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20593902/

相关文章:

javascript - 如何在jquery fullcalendar中通过ajax响应发送日历事件

javascript - 在没有 jquery 的情况下使用 javascript 淡入

javascript - 如何将类绑定(bind)到 Vue.js 中的两个以上选项?

javascript - 如何在元素可见时淡入淡出

javascript - 如果另一个正在运行,jQuery 会阻止动画触发

javascript - CSS 或 jQuery 问题 : Website not behaving correctly

javascript - 如何在另一个 div 可见时隐藏它?

javascript - 在 change 函数中为 jQuery 项目设置条件

css - 如何强制悬停状态 div 的 z-index 使其出现在同位素元素上方?

css - 内部带有 radius-top 的背景