wie man eine jquery $.each() dynamisch beendet?

Ich habe eine Liste von Bildern, die ich durch Ajax erhalte und dann mit jquery $.each() durchlaufe ich die Bilder und zeige ein Bild nach dem anderen nach einem Intervall von einer Sekunde an. Ich möchte, dass der Benutzer auf eine Stopp-Schaltfläche klicken kann und dass der Benutzer bei einem bestimmten Bild anhalten kann, wenn er möchte. Also muss ich $.each() dynamisch beenden, wenn der Benutzer auf die Stopp-Schaltfläche klickt. Ist es möglich, es zu tun?

Sie können verwenden return false auszubrechen each() Schleifen früh.

Beispiel:

<script>
    $("button").click(function () {
      $("div").each(function (index, domEle) {
        // domEle == this
        $(domEle).css("backgroundColor", "yellow"); 
        if ($(this).is("#stop")) {
          $("span").text("Stopped at div index #" + index);
          return false;
        }
      });
    });

</script>

Quelle: http://api.jquery.com/each/

Aus einem ausbrechen each() Schleife würden Sie:

return false;

Ihre Schaltfläche könnte also eine Variable setzen, wenn sie angeklickt wird, die jede Schleife jeden Durchgang überprüft, und dann falsch zurückgibt, wenn die Variable gesetzt ist.

http://api.jquery.com/each/

http://api.jquery.com/each/

Wir können die Schleife innerhalb der Callback-Funktion stoppen, indem wir false zurückgeben.

return(false);

Sollte es tun.

Verwenden return false; zwischen jeder Schleife.