jQuery
Persembahan Asas;
jquery jQuery.dequeue()方法 sintaks
Fungsi: Kaedah dequeue() melaksanakan fungsi seterusnya dalam urutan untuk elemen padanan. Ini ialah kaedah peringkat rendah; menggunakan .dequeue() adalah lebih mudah.
syntax: .dequeue (queuename)
parameters:
parameters | description |
queuename | optional. Nilai rentetan yang mengandungi nama jujukan. Lalai ialah fx, jujukan kesan standard. |
Penerangan: Apabila .dequeue() dipanggil, fungsi seterusnya dialih keluar daripada jujukan dan kemudian dilaksanakan. Fungsi ini seterusnya mencetuskan (secara langsung atau tidak langsung) panggilan ke .dequeue() supaya jujukan boleh diteruskan.
jquery jQuery.dequeue()方法 contoh
<!DOCTYPE html> <html> <head> <style> div { margin:3px; width:50px; position:absolute; height:50px; left:10px; top:30px; background-color:yellow; } div.red { background-color:red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <button>开始</button> <div></div> <script> $("button").click(function () { $("div").animate({left:'+=200px'}, 2000); $("div").animate({top:'0px'}, 600); $("div").queue(function () { $(this).toggleClass("red"); $(this).dequeue(); }); $("div").animate({left:'10px', top:'30px'}, 700); }); </script> </body> </html>
Klik butang "Run Instance" untuk melihat contoh dalam talian