执行队列中的分组动画
执行队列中的分组动画
提问于 2017-01-22 00:23:29
我有一个转盘和一张桌子。
当表格加载时，我想隐藏表格并显示微调器。加载完成后，我想隐藏微调器，并再次显示该表。
我让它正常工作，但是当ajax调用在动画完成之前完成时，我最终得到了微调器显示和表。
这是我当前的代码
setLoading(true);// below is executed
$('#table').fadeOut(200, function(){$('#spinner').fadeIn()}
setLoading(false);/ below is executed
$('#spinner').fadeOut(200, function(){$('#table').fadeIn()}但是当ajax调用结束时，微调器仍在淡入，我最终得到的结果是表和微调器都显示。
有没有办法对分组的动画进行排队？
我希望它是什么样子：
Start Table fadeout
End Table fadeout
Start spinner fadein
End spinner fadein
Ajax call Finished
Start spinner fadeout
End spinner fadeout
Start Table fadein
end Table fadein发生了什么：
Start Table fadeout
Ajax call finishes
Start spinner fadeout
End spinner fadeout
Start Table fadein
End Table fadeout
Start spinner fadein谢谢
回答 1
Stack Overflow用户
发布于 2017-01-22 00:27:30
利用ajaxStart和ajaxStop事件。
在ajaxStart事件中，您可以显示微调器并隐藏表格，在ajaxStop中，您可以隐藏微调器并显示表格。
$(document).ajaxStart(function() {
$( ".spinner" ).hide();
});
$(document).ajaxStop(function() {
$( ".spinner" ).show();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41781652
复制相关文章
相似问题
腾讯云开发者
