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

animate函数设置某种回调，你的代码将继续运行，很可能会同时运行x个.animate函数调用。

Answer 2

使用这个略微改变的片段应该对我有用..

.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>

Jquery，xml和变量

2 个答案: