定时背景图像随jQuery而变化

Question

我正在尝试使用jQuery创建一个每6秒更改一次div的背景图像的函数。

这是我所拥有的，但它不起作用，甚至不加载第一张图像。

有人可以帮我解决这个问题吗？

$(document).ready(function(){
  var body = $(‘#main’);
  var backgrounds = new Array(
    ‘url(../style/background.jpg)’,
    ‘url(../style/background2.jpg)’,
    ‘url(../style/background3.jpg)’
  );
  var current = 0;

  function nextBackground() {
    body.css(
      ‘background’,
      backgrounds[current = ++current % backgrounds.length]
    );
    setTimeout(nextBackground, 6000);
  }

  setTimeout(nextBackground, 6000);
  body.css(‘background’, backgrounds[0]);
});

Answer 1

啊......典型的欺骗性角色。

在你的第二行，$('#main');附近你使用了两个不同的单引号，它们看起来与肉眼相当，但不是智能IDE：D #gotcha