Jquery、xmlおよび変数

Question

私はxmlデータをアニメーションの変数として挿入しようとしていますが、かなり無頓着です。私は何が間違っていて、どれくらい離れていますか？

$(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+'); 
      }); 
     } 
    }); 
}); 

、ここでは私のxmlは

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

Answer 1

..

.mon { 位置：相対; }

.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

あるアニメーション機能は、コールバックのいくつかの並べ替えを設定し、あなたのコードが実行し続けますが、最も可能性が高い.animate機能のx数はで動作して呼び出す必要がありますこと同時。助け、私の作品なければならない。この若干変更スニペットを使用して