Question

JQuery关于FadeIn功能的手册：

$( "#book" ).fadeIn( "slow", function() {
    // Animation complete
});

然而在我的页面上，我的fadeIn函数中的代码不会被触发一次＆＃34;动画完成＆＃34;但是马上，我不明白为什么。

$( "#contact-callback" ).fadeIn( 5000, function() {
    $("#callback-message").fadeIn(150);
    $("##callback-dismiss").fadeIn(150);
    $("#tab-contact button .fa").removeClass('fa-circle-o-notch fa-spin').addClass('fa-paper-plane');
    $('#tab-contact #contact-form')[0].reset();
});

我相信我遵循了手册中描述的确切模型，但看起来我在某处错了，为什么我的fadeIn函数中的代码会等待动画完成？

Answer 1

您的代码似乎很好，您的问题可能在您的代码中的其他位置。见这个例子：

＆＃13;

$("#contact-callback").fadeIn(2000, function() {
  console.log("finished");
});

＆＃13;

#contact-callback {
  width: 100px;
  height: 100px;
  background: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="contact-callback" style="display: none;"></div>

＆＃13;

FadeIn不等待动画结束

1 个答案: