javascript - Jquery FadeIn/FadeOut 太突兀

Question

我有这个js代码，

编辑:忘了说，当 iframe 加载时我有这个淡入

$('iframe').on('load', function(){
muteVideo();
playVideo();
$(this).fadeIn();
$('.ligarsom').fadeIn();
setTimeout(function() {$('.ligarsom').fadeOut()}, 20000);
});

还有这个

<script>
$(document).ready(function(){
$('.ligarsom').on('click', function(){
$('.ligarsom').fadeOut(1000);
});
}); 
</script>

和这个 html

<div class="ligarsom" style="display:none;"></div>

当我使用 style="visibility:hidden"时，div 甚至没有出现。和上面一样，fadeOut 不能正常工作，没有动画，它只是突然隐藏起来。我的代码有什么问题吗？

在以下网址查看实际效果:www.finecolor.com.br/novo

Answer 1

问题: transition: 与 fadOut() 函数动画冲突。

解决方案:将此添加到您的 css:

.ligarsom, .ligarsom:hover{
    transition: none;
}