与jQuery定时背景图像更改

我正在尝试使用jQuery每6秒更改一个div的背景图像的功能。与jQuery定时背景图像更改

这是我有，但它不工作，甚至没有加载第一个图像。

任何人都可以帮助我解决这个问题吗？

$(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]); 
});

来源

2016-11-28 H Sturma

把所有的代码'$内（文件）.ready'函数，然后重试。另外，请确保您的图像链接正确解析。 –

在控制台中是否有任何错误？网址是否与渲染的网址/页面的相对路径相匹配？ –

@NickSalloum我拥有'$（document）.ready'中的所有代码 –

啊..欺骗性的典型案例。

关于你的第二线，近$('#main');你已经使用了两种不同的单引号，看起来非常正常，以肉眼，而不是一个IDE - 智能：d #gotcha

来源

2016-11-28 16:02:16

在图像网址以及 – Seb

我已经用''替换了它们，就像你在你的答案（'$（'main'）;'）中写的那样），但是仍然不起作用 –

我会认为这是一个复制粘贴/问题的问题，或通过评论检查（虽然我没有让他们在编辑） –

与jQuery定时背景图像更改

回答

相关问题