此代码段的动画延迟？

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布尔值，它具有立即启动动画的效果（来自animate()的API页面）：

  

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

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

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

JS Fiddle demo

参考文献：

• animate()。
• delay()。