Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery FadeIn未等待动画结束_Jquery - Fatal编程技术网

Jquery FadeIn未等待动画结束

Jquery FadeIn未等待动画结束,jquery,Jquery,关于FadeIn函数的JQuery手册: $( "#book" ).fadeIn( "slow", function() { // Animation complete }); 然而在我的页面上,我的fadeIn函数中的代码在动画完成后不会被触发,但我不明白为什么会立即触发 $( "#contact-callback" ).fadeIn( 5000, function() { $("#callback-message").fadeIn(150); $("##callba

关于FadeIn函数的JQuery手册:

$( "#book" ).fadeIn( "slow", function() {
    // Animation complete
});
然而在我的页面上,我的fadeIn函数中的代码在动画完成后不会被触发,但我不明白为什么会立即触发

$( "#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函数中的代码不等待动画完成?

您的代码看起来不错,您的问题可能是代码中的其他地方。请参见此示例:

$contact-callback.fadeIn2000,函数{ console.logfinished; }; 联系人回拨{ 宽度:100px; 高度:100px; 背景:绿色; }
在下一个动画运行之前,你说哪个动画没有完成?你说的是联系人回调还是回调中嵌套的2$.fadeIn?顺便说一句,您有一个输入错误回调-您也应该发布相关的HTML,为我们创建一个可验证的演示似乎可以在一个小测试用例中使用第一个元素:。你指的是哪一部分?联系人回调元素是否设置为显示:none initially?您好,根据手册,我认为主FadeIn函数contact callback中的所有内容都应该仅在动画完成时触发,对吗?谢谢你的打字错误,我会立即添加一个演示!可能不是问题的原因,但你有一个双倍的$callback-discouse.fadeIn150;是,我淡入淡出的3个元素初始设置为显示:无。修正我的类型后,谢谢!看起来只有重置仍然在fadeIn动画开始时触发谢谢,确实有一个问题是打字错误,但重置功能似乎仍然很早就开始了,在快速搜索之后,我似乎没有孤立它,我可能会尝试另一种重置方法,看看它是如何进行的!