jquery - Promise().done() 方法不会等到我的 animate.css 效果完成

Question

这是jsfiddle .

如您所见，在大红球从右侧淡入后，我尝试在同一窗口中打开 google.com。相反，google.com 在从右侧开始淡入后大约一秒钟打开。如何让 window.location 函数等待淡入完全完成？

是的，我的页面链接了 JQuery 1.6.2。

标记:

    <a href="http://www.google.com"><img class="animated fadeInRightBig" src="http://www.clipartsfree.net/vector/large/roystonlodge_Simple_Glossy_Circle_Button_Red_Vector_Clipart.png" style="">
     </a>
</body>

JQuery:

$('.animated').promise().done(function(){
window.location = "http://www.google.com";
});

Vincent:我尝试了以下方法，但没有成功。有任何想法吗？

$('.animated fadeInRightBig').on('transitionend webkitTransitionEnd oTransitionEnd     otransitionend', function() {
window.location = 'http://www.google.com';
});

Answer 1

为什么不使用这样的回调处理程序...

---

$("#someElement").show('slide', {}, 400, function(){//您的代码!});