Jquery css(“background image”)什么也不做
我试图用Jquery更改div的背景图像,但它不起作用 下面是html和jqueryJquery css(“background image”)什么也不做,jquery,css,Jquery,Css,我试图用Jquery更改div的背景图像,但它不起作用 下面是html和jquery <div class = "displayUser" id = "cover"> <script type="text/javascript"> $(document).ready(function () { $('.displayUser').css("background-image", "url(../images/group_icon.png) no-repeat;");
<div class = "displayUser" id = "cover">
<script type="text/javascript">
$(document).ready(function () {
$('.displayUser').css("background-image", "url(../images/group_icon.png) no-repeat;");
});
</script>
</div>
为什么它不工作?您需要拆分css规则,删除
不重复代码>来自jQuery代码,那么它工作得很好
为此,您必须编写两个css规则,并且可以使用对象作为参数
$(document).ready(function () {
$('.displayUser').css({
'background-image': "url(../images/group_icon.png)',
'background-repeat' : 'no-repeat',
});
});
您需要拆分css规则,删除no repeat代码>来自jQuery代码,那么它工作得很好
为此,您必须编写两个css规则,并且可以使用对象作为参数
$(document).ready(function () {
$('.displayUser').css({
'background-image': "url(../images/group_icon.png)',
'background-repeat' : 'no-repeat',
});
});
两件事:
<div class="displayUser" id="cover">
删除id
和class
属性之前/之后的空格
并删除no repeat代码>并在url(“”)
中加上单引号
两件事:
<div class="displayUser" id="cover">
删除id
和class
属性之前/之后的空格
并删除no repeat代码>并在url(“”)
中加上单引号
你的url需要被引用
像这样
url('../images/group_icon.png')
你的url需要被引用
像这样
url('../images/group_icon.png')