jquery - 这个片段的动画延迟？

Question

我阅读了 jQuery 延迟，但我似乎无法为这个mouseover调用延迟我的动画：

$("div#test").mouseover(function ()
{
    $("div#test").delay(1000).animate({width:100}, {queue:false});  
    $("div#test").delay(1000).animate({height:100}, {queue:false});
});

我在这里做错了什么？

Answer 1

问题是queue: false布尔值，它具有立即启动动画的效果（来自 API 页面animate()）：

queue: 一个布尔值，指示是否将动画放入效果队列。如果false，动画将立即开始。

删除它并将效果组合到一个animate()调用中似乎可以使事情按预期工作：

$("div#test").mouseover(function ()
{
    $(this)
        .delay(1000)
        .animate({width:100, height: 100});
});​

JS 小提琴演示。

参考：

• animate().
• delay().