jQuery.clearQueue()

Liste des paramètres acceptés :

clearQueue(queueName)

Une chaîne de caractères contenant le nom de la file d'attente. Par défaut, fx, les effets standard file d'attente

Cette methode renvoie: jquery object

Lorsque  ClearQueue () est appelée, toutes les fonctions de la file d'attente qui n'ont pas été exécutés sont retirés de la file d'attente. Lorsqu'il est utilisé sans argument. ClearQueue () supprime les autres fonctions de FX, la file d'attente standard effets. De cette façon, il est semblable à. Stop (true). Toutefois, si .stop () est conçu pour être utilisé uniquement avec des animations. ClearQueue () peut aussi être utilisé pour enlever toute fonction qui a été ajouté à une file d'attente jQuery générique avec la file d'attente.de .queue().


Testons sur le script suivant:


<!DOCTYPE html>
<html>
<head>
<style>
div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:30px; background:green; display:none; }
div.newcolor { background:blue; }
</style>
<script src="jquery-1.4.4.js">
</script>
</head>
<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
<script>
$("#start").click(function () {
    $("div").show("slow");
    $("div").animate({left:'+=200'},5000);
    $("div").queue(function () {
        $(this).addClass("newcolor");
        $(this).dequeue();
    });
    $("div").animate({left:'-=200'},1500);
    $("div").queue(function () {
        $(this).removeClass("newcolor");
        $(this).dequeue();
    });
    $("div").slideUp();
});
$("#stop").click(function () {
    $("div").clearQueue();
    $("div").stop();
});
</script>
</body>
</html>

Résultat: