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