$（document.body）.css not working

Question

我一直在試圖用.js改變我的HTML主體的背景圖片，但沒有任何反應。我是否需要將Javascript代碼放入我的HTML中？

function plano1() { 
    alert('you'); 
    $(document.body).css('background-image', 'url(img/planoSelected.png)'); 
} 

這是我一直在嘗試完成的功能。谷歌瀏覽器顯示警報，但不會執行$(document.body)。我應該做些什麼？

注意事項：我使用帶「onmouseover」功能。我已經嘗試過使用：

$('body').css('background-image', 'url(img/planoSelected_2.png)'); 

$("body").css('background-image', 'url(img/planoSelected_2.png)'); 

Answer 1

jQuery代碼應該在頁面的底部，在關閉body標籤的上方調用。

負荷的jQuery第一：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     $('body').css('background-image', 'url(img/planoSelected_2.png)'); 
    }); 

</script> 

Answer 2

的代碼是好的，但也有爲什麼這個可能無法正常工作的幾個原因。

1. 確保圖片的路徑是正確的，相對於腳本位置
2. 是plano1叫什麼名字？
3. 確保jQuery是實際加載
4. 確保調用函數（如果不知道使用$(document).ready）
5. 確保沒有在代碼中沒有錯誤plano1以前被稱爲

當DOM就緒

如果這些事情都是正確的，但仍然不起作用，請檢查您的onmouseover是否正常工作。只需在控制檯中提醒或記錄一些內容。