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:

Penerangan
Parameter Penerangan
Nilai rentetan yang mengandungi nama jujukan. Lalai ialah fx, jujukan kesan standard.
Baris gilir operasi: Kaedah

queue() mengendalikan baris gilir fungsi yang dilaksanakan pada elemen padanan.

Sintaks:

.queue(queueName,newQueue)

Parameter:

ParametersPilihan. Nilai rentetan yang mengandungi nama jujukan. Lalai ialah fx, jujukan kesan standard.
Perihalan

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>
Jalankan Instance »

Klik butang "Run Instance" untuk melihat contoh dalam talian