Как заменить изображение на фоне CSS с помощью jQuery?

Question

Я пытаюсь заменить URL-адрес фонового изображения CSS с помощью jQuery.

.file-wrapper { 
     background: url("SiteRef_getPicture?PictureName=Site/icnUpload.png") no-repeat 7px center; 
     width: 86px; 
     height: 24px; 
     cursor: pointer; 
     overflow: hidden; 
    } 

Я попытался сделать следующее без успеха:

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png')", "no-repeat", "7px", "center"); 

Что я делаю неправильно?

Answer 1

.css() документация

$('div.file-wrapper').css("background-image", "url(/myimage.jpg)"); 

Ответил Lasar

Ваш оригинальный CSS использует background:, что переводится background-image, background-position, background-repeat и т.д. Таким образом, когда вы переопределять только background-image, остальные параметры остаются нетронутыми ,

Answer 2

Значение в .css() вызова должна быть одна строка, так же, как значение в CSS:

$fileWrapperDiv.css("background", "url('SiteRef_getPicture?PictureName=Site/loader.png') no-repeat 7px center");