jquery - jQuery 中的clearQueue 是做什么的？

Question

我正在阅读 AutoScroll 插件的代码@ http://blog.insicdesigns.com/2010/08/an-ultra-lightweight-autoscroll-to-top-jquery-plugin/

在那里你会发现

var t = jq('<div class="'+ops.styleClass+'"></div>')

然后在一些代码之后

t.clearQueue().fadeOut(ops.hideDuration || 200);  

clearQueue 在这里做什么？或者只是 jQuery 中的clearQueue 做了什么？

Answer 1

它将取消任何尚未运行的排队项目(通常是动画)。

如果当前正在发生动画(例如)，则不会受到影响。但任何排队的项目都不会执行。

在此示例中，height 动画将继续，但排队的 .fadeOut() 将不会发生。

示例: http://jsfiddle.net/sXnVj/

$('div')
    .animate({height: 500},1000)
    .fadeOut();

$('div').clearQueue();
​

或者考虑一个项目已排队但从未出列的情况。除非您清除队列，否则任何后续排队的项目都不会执行。

这里，.fadeOut()不会发生:

$('div').queue(function() {});

$('div').fadeOut(2000);

但在这里它会:

$('div').queue(function() {});

$('div').clearQueue().fadeOut(2000);