jQuery .css（“ background-image”）不执行任何操作

Question

我正在尝试使用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;");
});


</script>

</div>

这是我的CSS

.displayUser{
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;

}

为什么不起作用？

Answer 1

您需要拆分CSS规则，删除no-repeat; 从jQuery代码开始，那么效果很好。

为此，您必须编写两个CSS规则，并且可以使用对象作为参数来完成。

$(document).ready(function () {
  $('.displayUser').css({
    'background-image': "url(../images/group_icon.png)',
    'background-repeat' : 'no-repeat',
  });
});

Answer 2

两件事情：

<div class="displayUser" id="cover">

和：

$('.displayUser').css("background-image", "url('../images/group_icon.png')");

1. 删除id和class属性之前/之后的空格。
2. 并删除no-repeat; 从脚本中添加单引号并将其放在url('') 。

Answer 3

您的网址需要这样引用

url('../images/group_icon.png')