所以我试着编写一个javascript脚本来动态加载我的网站上的页面而不刷新页面.基本上我有一个功能,淡出内容div,加载新内容,切换内容,然后淡入.内容使用异步AJAX请求加载,成功调用淡化内容的函数.fadein在加载函数和淡出功能都完成之前,函数不应该运行.我希望页面在内容淡出的整个过程中加载,但是现在我的淡入淡出动画被冻结了.我已经尝试了一些不同的方法来解决这个问题,但到目前为止还没有任何工作……
有任何想法吗?
解决方法:
这只是等待两个事件完成的问题,当它们完成时,采取行动.见my answer to this other question.基本上:
每个事件都有一个标志,最初是假的.挂钩有问题的两个事件(动画的完成回调和ajax成功).每个事件都设置其标志并调用一个函数.该函数检查标志:如果两者都设置,它会执行某些操作(在您的情况下,设置新内容).请参阅链接以获取代码示例.