.dequeue()
返回: jQuery
.dequeue( [queueName ] )
描述:针对匹配的元素,执行队列中下一个函数。
在调用.dequeue()
时,下一个队列上的函数从队列中删除,然后被执行。该函数必须直接或间接地地导致.dequeue()
被调用,从而序列可以继续下去。
示例
使用.dequeue()
以结束一个自定义的队列函数,该队列函数允许队伍保持继续:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>dequeue demo</title> <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="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>Start</button> <div></div> <script> $( "button" ).click(function() { $( "div" ) .animate({ left:"+=200px" }, 2000 ) .animate({ top:"0px" }, 600 ) .queue(function() { $( this ).toggleClass( "red" ).dequeue(); }) .animate({ left:"10px", top:"30px" }, 700 ); }); </script> </body> </html>
演示结果