使用 jQuery 移动背景位置

Question

尝试做类似的事情：jQuery background-position animation 但没有让它工作。想知道是否有人可以提供帮助。

我在页面上有一个 jCarouselLite 轮播。我有一个指向 jCarousel 的子导航，顶部有一个小箭头表示，这是与轮播中显示的幻灯片相关的子导航。由于 jCarouselLite 没有反馈功能，并且在项目中更改为另一个轮播为时已晚，我需要看看我是否可以让它工作。我曾以为我可以使用 JS 在与横幅相同的时间周期内移动背景位置，但它不起作用。

这是我做的JS：

function bannav(){
        var sp = new Array(-880,-700,-520,-360,-180);
        var i=0;
        for(i===1;i<=5;i++){
            position = sp[i]+'px 0px';
            window.setInterval(function(){
                $('div.container div.banner-holder ul#controls').animate(function(){
                    $this.css('background-position', position);
                });
              }, 8000);
            if(i==5){i=0};
        }}

它所做的只是绑定页面。我看它是盲目的，所以我做了一些非常愚蠢的事情，提前道歉。非常感谢任何帮助。

T

Answer 1

会不会是'this'传错了？

参见https://developer.mozilla.org/en/window.setInterval 和“‘这个’问题”

Answer 2

用上面提到的来看看这个

  function bannav(){
    var sp = new Array(-880,-700,-520,-360,-180);
    var i=0;
    for(i=1;i<=5;i++){
        position = sp[i]+'px 0px';
        window.setInterval(function(){
            $('div.container div.banner-holder ul#controls').animate(function(){
                $(this).css('background-position', position);
            });
          }, 8000);
        if(i==5){i=0};
    }}

我在这里做了一些改变。 1 是我像以前的 cmets 一样更改了 for 循环。 i ===1 正在检查 i 是否等于 1 并且与 i 的类型相同，我认为这不是您想要在这里做的，您正在为 for 循环分配值。其次，在前面列出的“this”答案的后面，在 jQuery 的上下文中，我已将其更改为您使用 .css 的 jquery $(this) 对象，而不是“this”，在这种情况下是现在引用正确的 jquery 对象（ul id="controls"）我相信