Déclenche l'animation jQuery avec live()

Question

J'ai une animation jQuery qui ne fonctionne pas. Je pense que le problème provient des parties qui sont les éléments dynamiques.

Est-il possible d'appeler la méthode live() avec animate()?

Voici ce que je suis allé à ce jour:

$(".tls").animate({"left": "-=50px"}, "slow"); 

Answer 1

Je suppose que vous avez une sorte de déclencheur pour l'animation?

La ligne de code que vous avez fournie exécutera l'animation chaque fois que la ligne de code est atteinte dans le code - ce que vous voulez, c'est lier une animation à un élément et l'exécuter plus tard.

Essayez, par exemple,

$('.tls').on('click', function(ev) { 
    $(this).animate({left: '-=50px'}, 'slow'}); 
    // Add any necessary event handling here, for example 
    ev.preventDefault(); 
    ev.stopPropagation(); 
}); 

Answer 2

livequery est assez bon pour faire face à des éléments dynamiques.

http://docs.jquery.com/Plugins/livequery

Answer 3

Comment vas-tu faire l'appel en direct? Peut-être que vous devriez utiliser délégué à la place: http://api.jquery.com/delegate/

Answer 4

Avait le même problème. Nécessaire vivre et animer sans un déclencheur. J'ai écrit un peu de travail autour. Je l'ai corrigé avec une fonction récursive. Voici mon exemple:

$("#drops").html('<div class="drop-item item"></div>'); 

    adddrop(); 

    function adddrop() { 
     $(".drop-item").animate({ 
      top: "+=90%" 
     },2500,"easeInQuad", function() { 
      if (parseInt($(".drop-item").css('left')) == parseInt($("#paddle").css('left'))) 
      { 
       $("#drops").html('<div class="drop-item item"></div>'); 

       adddrop(); 
      } 
      else 
      { 
       alert('fail'); 
      } 
     }); 
    } 

J'espère que je pourrais aider.