jquery - 将变量传递给 JQuery 动画

Question

$(document).ready(function(){
for(var i=1;i<5;i++){
    var pos = -411*i;
    var pospx = "{'background-position-x':'"+ pos.toString() + "px'}";
    $("#newsPix").delay(2000).animate(pospx, 1000);
    }
});

我是一名 jquery 初学者，我正在尝试使用动画 Sprite 来制作类似于幻灯片的内容。我一直试图让这段代码工作几个小时，但我不确定问题出在哪里!我检查了 HTML 和 CSS，它们看起来很好。我认为问题在于将值传递给 animate 方法或在字符串中添加 pospx 变量。有什么想法吗？

Answer 1

您传递的是一个字符串，一个对象会更合适，因为这就是 animate() 接受的内容:

$(document).ready(function(){
    for(var i=1; i<5; i++){
        var pos   = -411*i,
            pospx = {'background-position-x' : pos};

        $("#newsPix").delay(2000).animate(pospx, 1000);
    }
});

并且 background-position-x 并非所有浏览器都支持。