Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery css(“background image”)什么也不做_Jquery_Css - Fatal编程技术网

Jquery css(“background image”)什么也不做

Jquery 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;");

我试图用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规则,删除
不重复来自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')