Die jQuery-Methode stop() verstehen

Zweck dieses Artikels: Um die Verwendung von stop() zu verstehen, nehmen wir ein Beispiel und betrachten es auf intuitive Weise. Es ist sehr einfach und praktisch. Freunde, die es benötigen, können darauf zurückgreifen.

Als Front-End-Entwickler sind JS und JQuery die Entwicklungssprachen und Toolbibliotheken, die wir häufig verwenden. Wir alle wissen, dass es in jQuery eine sehr leistungsstarke Methode gibt – stop(), eine Methode, die eine wiederholte Anhäufung in kontinuierlichen Animationen oder Ereignissen verhindert. Wie benutzt man stop()? Lassen Sie uns zunächst stop() vorstellen:

stop() hat zwei Parameter in der Syntax, die beide boolesche Werte sind. Und sie sind alle optional, aber es gibt auch Vorschriften wie folgt:

$(selector).stop(stopAll,goToEnd)

Parameter: (Standardmäßig, wenn keine Parameter geschrieben werden, Sie werden als falsch angesehen. )

stopAll: optional. Gibt an, ob alle in der Warteschlange befindlichen Animationen des ausgewählten Elements gestoppt werden sollen. Das heißt, wenn der Parameterwert wahr ist, werden alle nachfolgenden Animationen oder Ereignisse gestoppt. Wenn der Parameterwert „false“ ist, wird nur die aktuell vom ausgewählten Element ausgeführte Animation gestoppt und nachfolgende Animationen werden nicht beeinflusst. Daher ist dieser Parameter im Allgemeinen falsch.

goToEnd: Optional. Gibt an, ob die aktuelle Animation abgeschlossen werden darf. Dieser Parameter kann nur verwendet werden, wenn der stopAll-Parameter festgelegt ist. Wie oben erwähnt, schreiben wir normalerweise den Fasle-Wert für den stopAll-Parameter, nicht den Standardwert, sondern den tatsächlichen Parameter. Dann gibt es zwei Optionen für den goToEnd-Parameter: eine ist falsch und die andere ist wahr. Jeder sollte die Bedeutung verstehen. Im Allgemeinen wahr. Dies bedeutet, dass die aktuelle Animation abgeschlossen werden kann.

Das Folgende ist der entsprechende Code:

HTML:

Code kopieren Der Code lautet wie folgt:

 

 

 
     

javascript:void(0)">Lotterie starten < /p>
 

 

Stufe 30
  Stufe 45
Stufe 55

 

  javascript:void(0);">Preisaufzeichnung

CSS:

Der Code lautet wie folgt:

#content{/*

margin-top

:10em;*/ width:48em margin:0 auto; }#content p{ display:block; width:100%;}#content p.cont_b{ position:relative;
text-align
:center;background :url (../images/content_bgb.jpg) no-repeat; background-size:100% 100%;}#content p img{ display:block; width:100%; :none ;}#content p .slide_box{ position:absolute; top:0px; width:100%; }
#content p .img .start{ position:absolute; #content p .img a.start_btn{ display:block; width:150px;
text-indent
:-9999px;}/*Modify*/
#content p .img a.rank_30{ position:absolute; left:70px; display:block width:-9999px;}#content { position :absolute; left:460px; display:block:250px;#content p .img a.rank_55{ :430px; left:170px; height:60px;}#content p .img a.prize_notes{ position:absolute; right:50px ; display :block; width:150px; text-indent:-9999px;}

JS_jQuery:

Der Code lautet wie folgt:

var page =$(".slide_box .img");
var page_num = page.length;
var num = 0;
$(".next_btn").click(function(e ){
if(num < 2){
page.slideUp().stop(false,true).eq(num+1).slideDown();
num++;
}else {
page.slideUp().stop(false,true).eq(0).slideDown();
num = 0;
}
});
});

Das Obige ist die Ansammlung von Ereignissen, die beim Schreiben eines Klickereigniseffekts bei der Arbeit auftreten. Im JS-Teil ist die stop()-Methode nützlich. Sie können die Parameter entfernen oder ändern und es ausprobieren .

Das obige ist der detaillierte Inhalt vonDie jQuery-Methode stop() verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!