Jquery animate quand une autre animation est en cours

Je suis à l'aide d'un simple assouplissement de l'animation donnée ici à l'aide de PLUGIN JQUERY EASING
j'.e.l'atténuation d'un div de gauche à droite:200 à gauche:0 et à l'arrière.(dernier exemple sur la page mentionnée ci-dessus)

J'ai plusieurs divs dans un div conteneur.et ce que je veux faire est d'animer les 4 divisions en manière suivante :

1] Suppose que si j'ai deux divs, div1 et div2.
lorsque div1 est animé,et les animation est en cours la div2 animation doit démarrer.exemple: lorsque div1 est le déplacement de gauche=200 à gauche=0 , la div2 animation devrait commencer quand div1 est à gauche = 100.

Modifier
(Note:le nombre de divs sont variables)

.......

Lorsque le actuel animation est en cours,et arrive à un point de la prochaine animation devrait démarrer (effet d'animation est de même de tous les divs).

2] lors de l'itération d'un div de la collecte et de l'animation, le retard de la prochaine animation pour un intervalle donné de temps.

Est-il un moyen de savoir début de l'animation? ou une animation est en cours?

Merci à tous

OriginalL'auteur Amitd | 2010-08-20

  1. 11

    Vous pouvez utiliser la fonction:animation " pseudo-sélecteur pour savoir si un élément est actuellement en mouvement:

    if ($('#div1').is(':animated')) {
    //do something
}

    http://api.jquery.com/animated-selector/

    Vous pouvez également essayer les step option à vérifier lors de la div2 devrait commencer à animer:

    $('#div1').animate({
    left:0
},{
    step: function() {
        //check distance and animate div2 when it reaches 100
    }
});

    http://api.jquery.com/animate/

    j'ai vu l'étape de rappel..je peux m'en servir.. mais la première condition if ($('#div1').is(':animated')) quand et où dois-je le vérifier ? ? dois-je utiliser setInterval?? parce que le non. de divs varier.

    OriginalL'auteur David Hellsing

  2. 2

    La réponse que vous cherchez se trouve dans la section "étape" de paramètre.

    Vous pouvez définir un paramètre qui est appelé sur une base cohérente tout au long de l'ensemble de l'animation. À chaque étape, vous pouvez vérifier la progression de l'animation et s'il a atteint le seuil que vous pouvez déclencher la deuxième animation.

    Par exemple:

    $item1 = $("#myItem1");
$item2 = $("#myItem2");

$item1.animate({width: 500}, {
  duration: 1000,
  step: function(now, fx) {
    if (fx.state > 0.5 && fx.prop === "width") {
       if(!$item2.is(':animated')) //Make sure you didn't start the animation already
         $item2.animate({width: 500}, 1000);
    }
  }
})

    Cette idée va travailler pour un certain nombre de vrd, bien que, évidemment, vous aurez à prendre le concept et de le modifier pour qu'il fonctionne avec votre cas. S'il vous plaît laissez-moi savoir si cela aide!

    Lire plus sur la fonction step ici: http://api.jquery.com/animate/

    OriginalL'auteur slifty

  3. 0

    Vous pouvez utiliser une fonction pour gérer l'animation dans un seul endroit.

    setTimeout(doAnimate($div1),100);setTimeout(doAnimate($div2),200);

    etc.

    OriginalL'auteur spirit23

  4. -1

    Vous pouvez ajouter un rappel à la fonction animate :

    $('#div1').animate(
 { left: 0 },
 { duration: 'slow', easing: 'easeOutBack' },
 function(){
    //Do what you want in here, it will be executed once the animation above is completed.
)};
    je veux deuxième div pour animer lors de la première animation a atteint un point particulier.

    OriginalL'auteur 3rgo