jquery的queue实例应用demo
// 定义函数执行队列var aFun = [];$(function(){$("input[name='test']").click(function(){begin_queue();$(document).queue("testQueue", aFun);$(document).dequeue("testQueue");});});//初始化队列function begin_queue(){var obj = $("input[type='hidden']");obj.each(function(i){var $this = $(this), $val = $this.val();var queue_fun = function(){callback($this, $val);};//压入函数队列aFun.push(queue_fun);});}//每次遍历回调处理function callback(elm, data){var str = $("#queue").html() + elm.attr("no") + ":" + data * data + "<br>";$("#queue").html(str);//继续执行队列中下一个函数$(document).dequeue("testQueue");}
?HTML结构部分：
<div id="queue"></div><input type="hidden" name="star.key" no="1" value="1" /><input type="hidden" name="star.key" no="2" value="2" /><input type="hidden" name="star.key" no="3" value="3" /><input type="hidden" name="star.key" no="4" value="4" /><input type="hidden" name="star.key" no="5" value="5" /><input type="hidden" name="star.key" no="6" value="6" /><input name="test" type="button" value="Start" />
?运行效果：
?
