$（document.body）.css無法正常工作

Question

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

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

這是我一直在嘗試的完整功能。 Google Chrome瀏覽器顯示警報，但不執行$(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. 調用函數時，請確保DOM已准備就緒$(document).ready如果不確定，請使用$(document).ready ）。
5. 在調用plano1之前，請確保代碼中沒有錯誤

如果這些方法都沒問題，但仍然不起作用，請檢查您的onmouseover是否完全起作用。 只需在控制台中發出警報或記錄。