jQuery 可以显式分配 .queue() 长度属性吗？

Question

我是 jQuery 新手，我做的第一件事是我想象中的经典任务：为下拉菜单设置动画。 #navBar 是一个包含 ul 的 div，当用户将鼠标悬停在 li 上时菜单会下拉。代码如下：

$(document).ready(function()
{
     $("#navBar>ul>li").hover(function()
     {
         var $menu = $(this).find("div");
         if ($menu.queue().length > 1) $menu.queue().length = 1;
         $menu.slideDown(200).css("z-index", "1");
     },
     function()
     {
         $(this).find("div").delay(500).slideUp(400).css("z-index","0");
     });
});

我的问题是指这一行：

if ($menu.queue().length > 1) $menu.queue().length = 1;

我这样做是为了避免无休止的动画排队的问题，同时避免使用 stop(true, true) 的跳跃性。这非常有效，但我对显式分配队列长度感到不安（我熟悉的其他编程语言都不允许我这样做）。

我担心的是，通过分配长度，我只是限制了 jQuery 的队列走多远，但实际上并没有删除队列中的动画，并可能导致内存泄漏。我实际上想做的只是删除第一个以外的所有排队动画，但似乎找不到这样做的方法。

无论如何，正如我所说，它现在表现完美。谁能告诉我我是不是在做傻事？

Answer 1

显然分配给长度属性很好：

http://www.w3schools.com/jsref/jsref_length_array.asp

如果给数组的length属性赋值小于数组的实际长度，则指定长度之后的元素会丢失。

这里有好文章：

http://www.bloggingdeveloper.com/post/JavaScript-Array-Length-Property.aspx

Answer 2

您正在寻找的东西是不可能的，您所做的也不会起作用。但是你也可以用不同的方式实现你想要的。试试这个，它基本上是检查元素是否已经动画，不要做任何事情让它完成动画。

$(document).ready(function()
{
     $("#navBar>ul>li").hover(function()
     {
         var $menu = $(this).find("div");
         if(!$menu.is(":animated")){
             $(this).find("div").slideDown(200).css("z-index", "1");
         }
     },
     function()
     {
         var $menu = $(this).find("div");
         if(!$menu.is(":animated")){
             $(this).find("div").delay(500).slideUp(400).css("z-index","0");
         }
     });
});

希望对你有帮助。