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代码，在结束体标记上方。

首先加载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

代码很好，但是可能无效的原因有几个。

确保图像路径相对于脚本的位置正确
是plano1被叫吗？
确保实际加载了jQuery
调用函数时确保DOM已准备就绪（如果不确定，请使用$(document).ready）
确保在调用plano1之前代码中没有错误

如果这些事情都没有问题，但仍然不起作用，请检查onmouseover是否正常工作。只需在控制台中提醒或记录某些内容即可。

$（document.body）.css无效

2 个答案: