读书人

jquery的queue范例应用demo

发布时间: 2013-02-24 17:58:57 作者: rapoo

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" />

?运行效果:


jquery的queue范例应用demo
?

读书人网 >Web前端

热点推荐