Kaedah stop

Kaedah stop membolehkan kita serta-merta menghentikan animasi yang sedang berjalan. Animasi akan diteruskan dari fungsi seterusnya tanpa menyelesaikan yang sebelumnya.

Sintaks

Beginilah cara kita menghentikan animasi yang sedang berjalan. Anda boleh menghantar dua parameter pilihan yang menerima nilai Boolean. Jika parameter pertama ditetapkan sebagai true, maka fungsi yang tinggal dalam barisan animasi akan dipadam dan tidak akan pernah berjalan. Jika parameter kedua ditetapkan kepada true, maka apabila animasi dihentikan, sifat-sifat css elemen serta-merta akan mengambil nilai akhir mereka (iaitu, jika tujuannya adalah untuk menyembunyikan elemen secara lancar, maka ia akan disembunyikan serta-merta):

.stop([clearQueue], [jumpToEnd]);

Anda juga boleh menghantar parameter pilihan, yang menyatakan nama barisan:

.stop([nama barisan], [clearQueue],[jumpToEnd]);

Animasi boleh dinyahaktifkan secara global, menggunakan tetapan jQuery.fx.off = true, yang menetapkan nilai tempoh kepada 0.

Contoh

Mari kita buat supaya pada setiap kali klik tompok #toggle segi empat tepat kita akan terbuka dan tertutup menggunakan kaedah slideToggle. Klik pada totok tanpa menunggu selesai animasi - peringkat seterusnya akan dilancarkan, tanpa menunggu penyiapan yang sebelumnya, berkat kaedah stop:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	background-color: green;
	border: 1px solid black;
	width: 200px;
	height: 100px;
	margin: 10px;
}

$('#toggle').on('click', function() {
	$('#test').stop().slideToggle(1500);
});

Lihat juga

kaedah clearQueue,
yang membolehkan anda memadam semua elemen yang belum selesai dari barisan fungsi
sifat jQuery.fx.off,
yang membolehkan anda menyahaktifkan animasi secara global