jQuery animation des files d'attente sur plusieurs éléments

Cette question est similaire à ce un sur l'animation des files d'attente, mais les réponses dans ce thread sont très spécifiques et pas facilement généralisable.

Dans mon application web, les messages sont communiqués à l'utilisateur (les boîtes d'informations, erreurs & mises en garde, etc) par la sortie d'un div avec class="alert" par exemple:

<div class="alert">Login successful</div>
<div class="alert">You have new messages waiting</div>

Il pourrait être n'importe quel nombre d'alertes sur une page, en fonction de ce que fait l'utilisateur.

Ce que j'aimerais c'est d'utiliser une animation jQuery pour afficher chacun des boîtes d'alerte de manière séquentielle: une fois qu'une animation se termine, le début de la suivante.

Les réponses à cette autre question, a déclaré à l'utilisation d'un rappel comme:

$('#Div1').slideDown('fast', function(){
    $('#Div2').slideDown('fast');
});

sauf que ne fonctionnera pas si il y a un nombre inconnu de divs pour animer. Quelqu'un connais un moyen pour y parvenir?

OriginalL'auteur nickf | 2009-02-02

  1. 5

    Je suis venu avec une solution, si je reçois une intuition que quelqu'un qui en sait plus sur JS fermetures pourraient avoir quelques conseils pour moi.

    nextAnim($('.alert'));

function nextAnim($alerts) {
    $alerts
        .eq(0)    //get the first element
        .show("slow",
            function() {
                nextAnim($alerts.slice(1));  //slice off the first element
            }
        )
    ;
}
    Un peu de "pointeurs"? Bon.

    OriginalL'auteur nickf

  2. 5

    Il est assez facile à mettre en place:

    //Hide all alert DIVs, then show them one at a time
$(function()
{
   var alerts = $(".alert").hide();
   var currentAlert = 0;
   function nextAlert()
   {
      alerts.eq(currentAlert).slideDown('fast', nextAlert);
      ++currentAlert;
   }
   nextAlert();
});

    Vous pourriez probablement faire un plugin simple méthode de cela si c'est quelque chose que vous allez utiliser beaucoup.

    OriginalL'auteur Shog9