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

使用这个稍微改变的 sn-ps 应该对我有帮助和工作..

.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 个 .animate 函数调用。