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";
});

文森特:我尝试了以下方法，但没有用。有任何想法吗？

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

Answer 1

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

---

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