Jquery, xml et les variables

Question

J'essaie d'utiliser des données XML pour insérer en tant que variable pour une animation, mais je suis assez désemparé. Qu'est-ce que je fais de mal et à quelle distance suis-je?

$(document).ready(function(){ 
    $.ajax({ 
     type: "GET", 
     url: "data.xml", 
     dataType: "xml", 
     success: function(xml) { 
      $(xml).find('mon').each(function(){ 
       var top = $(this).find('positiontop').text(); 
       var opac = $(this).find('opacity').text(); 
       var dur = $(this).find('duration').text(); 
       $(".mon img").animate({ top: "'+top+'",opacity: '+opac+'}, '+dur+'); 
      }); 
     } 
    }); 
}); 

et voici mon xml

<data> 
    <mon> 
     <positiontop>180</positiontop> 
     <opacity>0.6</opacity> 
     <duration>1500</duration> 
    </mon> 
..... 
.... 
</data> 

Answer 1

En utilisant ces extraits légèrement modifié devrait aider et fonctionne pour moi ..

.mon { position: relative; }

.mon img 
{ 
    position:relative;  
} 
</style> 

<div class="mon"> 
    <img src="my_image.gif" /> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.ajax({ 
      type: "GET", 
      url: "data.xml", 
      dataType: "xml", 
      success: function(xml) { 
       $(xml).find('mon').each(function() { 
        var positiontop = $(this).find('positiontop').text(); 
        var opac = $(this).find('opacity').text(); 
        var duration = $(this).find('duration').text(); 
        $(".mon img").animate({ top: positiontop, opacity: opac }, parseInt(duration)); 
       }); 
      } 
     }); 
    }); 
</script> 

Answer 2

la fonction Animer définit une sorte de rappel et votre code continuera à fonctionner, qui aura très probablement un nombre x d'appels fonction .animate en cours d'exécution au en même temps.