與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定時背景圖像更改

回答

相關問題