Jquery .css("background-image") does nothing

Question

I am trying to change the background image of a div with Jquery and its not working

here is the html and 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>

here is my css

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

}

Why isnt it working?

Tassoman · Accepted Answer · 2017-09-28 13:32:18Z

4

You need to split css rules, removing no-repeat; from jQuery code, then it works well.

To do this, you must write two css rules and you can do it using an object as argument.

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

edited Sep 28, 2017 at 13:32

Tassoman

676 bronze badges

answered Jul 21, 2014 at 18:53

amol

1,5559 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jai · Accepted Answer · 2014-07-21 18:54:59Z

3

two things:

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

and:

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

remove the whitespaces before/after id and class attributes.
and remove the no-repeat; from the script and put single quotes in url('').

answered Jul 21, 2014 at 18:54

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

neno · Accepted Answer · 2014-07-21 18:56:17Z

0

your url needs to be quoted like this

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

answered Jul 21, 2014 at 18:56

neno

3031 silver badge7 bronze badges

Collectives™ on Stack Overflow

Jquery .css("background-image") does nothing

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related