首页 > 代码库 > jQuery方法-queue()
jQuery方法-queue()
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style> 7 div { margin:3px; width:40px; height:40px; 8 position:absolute; left:0px; top:30px; 9 background:green; display:none; }10 div.newcolor { background:blue; }11 </style>12 13 <script type="text/javascript" src="javascript/jquery-1.11.1.js"></script>14 </head>15 16 <body>17 18 请点击这里。。。19 <div></div>20 21 <script>22 $(document.body).click(function () {23 $("div").show("slow");24 $("div").animate({left:‘+=200‘},2000,function(){25 $("div").addClass("newcolor");//将需要执行的js代码，加在动画的回调函数中也行26 });27 28 // $("div").queue(function () {29 // $(this).addClass("newcolor");30 // $(this).dequeue();31 // });32 // $("div").addClass("newcolor");//这种执行失败了，因为动画是延迟排队加载，这个先于动画加载了33 $("div").animate({left:‘-=200‘},500,function(){34 $("div").removeClass("newcolor");35 });36 // $("div").queue(function () {37 // $(this).removeClass("newcolor");38 // $(this).dequeue();39 // });40 // $("div").removeClass("newcolor");//执行失败41 $("div").slideUp();42 43 //动画都是异步加载的，但是他们会排队，一个一个执行，但是中间如果要插入一段js执行，则可能必须要加在动画的回调函数中，44 //才能确保它能顺利执行45 //但是queue()函数，可以在动画执行队列中，也不需要加在回调函数中46 //用了queue()函数之后，必须同时搭配dequeue()函数，这样才能执行下一个函数47 // clearQueue()是清除所有未执行的动画，包括queue()插入的48 });49 </script>50 51 </body>52 </html>
jQuery方法-queue()
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。