主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.dequeue() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<input id="btn" type="button" value="执行队列" /> <div id="n1" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div> <div id="n2" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div> <div id="n3" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div>

var $divs = $("div"); //为每个div元素上的队列"q"设置(替换成)新的队列 //(由于之前没有队列"q",这相当于新增一个对垒"q") $divs.queue("q", [ function( next ){ alert("队列函数1"); $(this).dequeue("q"); } , // 自动移除并调用下一个函数 function( next ){ alert("队列函数2"); $(this).dequeue("q"); } , function( next ){ alert("队列函数3"); $(this).dequeue("q"); } ]); $("#btn").click( function(){ // 第一次点击，一共会弹出9次对话框，因为有3个div元素，每个div都有一个包含3个函数的队列 // 之后点击该按钮，不再弹出对话框，因为队列中没有函数了 $divs.dequeue("q"); } );