0

我一直在尝试使用 .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)');
4

2 回答 2

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>
于 2013-10-18T17:21:13.857 回答
0

代码很好，但有几个原因可能无法正常工作。

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

如果这些事情都正常，但仍然无法正常工作，请检查您onmouseover的工作是否正常。只需在控制台中发出警报或记录一些内容。

于 2013-10-18T17:25:42.833 回答