jQuery
acara; mudah alih;
jquery jQuery.queue()方法 sintaks
Fungsi: Kaedah queue() memaparkan atau mengendalikan baris gilir fungsi yang dilaksanakan pada elemen padanan. Ini ialah kaedah peringkat rendah; menggunakan .queue() adalah lebih mudah.
Sintaks: .queue(Nama gilir)
Parameter:
Parameter | Penerangan |
Nilai rentetan yang mengandungi nama jujukan. Lalai ialah fx, jujukan kesan standard. |
queue() mengendalikan baris gilir fungsi yang dilaksanakan pada elemen padanan.
Sintaks:.queue(queueName,newQueue)
Perihalan | |
Pilihan. Nilai rentetan yang mengandungi nama jujukan. Lalai ialah fx, jujukan kesan standard. |
Nota: Setiap elemen boleh mempunyai satu atau lebih baris gilir fungsi yang ditambahkan oleh jQuery. Dalam kebanyakan aplikasi, hanya satu baris gilir (bernama fx) digunakan. Baris gilir berjalan secara tidak segerak memanggil urutan tindakan pada elemen tanpa menamatkan pelaksanaan program. Contoh biasa ialah memanggil pelbagai kaedah animasi pada elemen.
jquery jQuery.queue()方法 contoh
<!DOCTYPE html> <html> <head> <style>div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:60px; background:green; display:none; } div.newcolor { background:blue; } p { color:red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <p>队列长度是:<span></span></p> <div></div> <script> var div = $("div"); function runIt() { div.show("slow"); div.animate({left:'+=200'},2000); div.slideToggle(1000); div.slideToggle("fast"); div.animate({left:'-=200'},1500); div.hide("slow"); div.show(1200); div.slideUp("normal", runIt); } function showIt() { var n = div.queue("fx"); $("span").text( n.length ); setTimeout(showIt, 100); } runIt(); showIt(); </script> </body> </html>
Klik butang "Run Instance" untuk melihat contoh dalam talian