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 번호는 실행 호출 한 것 같은 시간. 도움과 나를 위해 작동해야이 약간 변경 미리보기를 사용