stop Metodu

stop metodu, çalışan bir animasyonu anında durdurmamızı sağlar. Animasyon, bir sonraki fonksiyondan itibaren öncekinin tamamlanmasını beklemeden devam eder.

Sözdizimi

Çalışan bir animasyonu bu şekilde durdururuz. İsteğe bağlı iki parametre iletebiliriz, bu parametreler Boolean değerler alır. İlk parametre true olarak ayarlanırsa, animasyon kuyruğundaki kalan fonksiyonlar silinir ve asla çalıştırılmaz. İkinci parametre true olarak ayarlanırsa, animasyon durdurulduğunda elementin css özellikleri hemen son değerlerini alır (yani, eğer amaç elementi yavaşça gizlemekse, anında gizlenecektir):

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

Ayrıca, kuyruk adını belirten isteğe bağlı bir parametre de iletebiliriz:

.stop([kuyruk adı], [clearQueue],[jumpToEnd]);

Animasyon, süreyi 0 olarak ayarlayan jQuery.fx.off = true ayarını kullanarak global olarak devre dışı bırakılabilir.

Örnek

#toggle düğmesine her tıklandığında dikdörtgenimizin slideToggle metoduyla açılıp kapanmasını sağlayalım. Animasyonun tamamlanmasını beklemeden düğmeye tıklayın - stop metodu sayesinde sonraki aşama, öncekinin tamamlanmasını beklemeden başlatılacaktır:

<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);
});

Ayrıca Bakınız

metod clearQueue,
kuyruktaki tüm gerçekleşmemiş öğeleri silmeye olanak tanır
özellik jQuery.fx.off,
animasyonu global olarak devre dışı bırakmaya olanak tanır