$（document.body）.css not working

2013-10-18 84 views 0 likes

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

来源

2013-10-18 user2895707

你应该进入检查员，看看该图像是否存在于该位置。你的代码很好。 –

并且在你调用这个函数之前检查JQuery是否被加载，否则代码看起来不错。图片不可用，或JQuery未加载。 –

回答

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-18 17:21:13

的代码是好的，但也有为什么这个可能无法正常工作的几个原因。

确保图片的路径是正确的，相对于脚本位置
是plano1叫什么名字？
确保jQuery是实际加载
确保调用函数（如果不知道使用$(document).ready）
确保没有在代码中没有错误plano1以前被称为

当DOM就绪

如果这些事情都是正确的，但仍然不起作用，请检查您的onmouseover是否正常工作。只需在控制台中提醒或记录一些内容。

来源

2013-10-18 17:25:42 Broxzier

$（document.body）.css not working

回答

相关问题