返回值:jQueryjQuery.dequeue(element, [queueName])
为匹配的元素执行队列中下一个函数。
-
1.3 新增jQuery.dequeue(element, [queueName])
element (Element) 一个DOM元素,会从它附带的函数队列中弹出并执行一个函数。queueName (String) 可选参数,包含队列名的字符串。默认值是fx
,即动画效果队列。
注意: 这是一个底层方法,应当使用更合适的 .dequeue()
来代替。
当调用 jQuery.dequeue()
时,队列中的下一个函数会从队列中移出并执行。这个函数应当在内部直接或间接调用 jQuery.dequeue()
以便队列得以继续执行下去。
示例:
使用 dequeue 来结束一个自定义的队列函数,以便能够让队列继续运行下去。
<!DOCTYPE html>
<html>
<head>
<style>div { margin:3px; width:50px; position:absolute;
height:50px; left:10px; top:30px;
background-color:yellow; }
div.red { background-color:red; } </style>
<script src="jquery.min.js"></script>
</head>
<body>
<button>Start</button> <div></div>
<script>
$("button").click(function () {
$("div").animate({left:'+=200px'}, 2000);
$("div").animate({top:'0px'}, 600);
$("div").queue(function () {
$(this).toggleClass("red");
$.dequeue( this );
});
$("div").animate({left:'10px', top:'30px'}, 700);
});
</script>
</body>
</html>