Как вставить url в класс jquery?

Question

[RushV]

Всем привет!
Вот этот коде

var imageUrl = $('#wp_custom_attachment').find("a").attr("href");
	$('.block-informer').css('background-image', 'url(' + imageUrl + ')');

выводит на странице вот такой вывод:

<div class="block-informer" style="background-image: url(/wp-content/uploads/2018/12/video-n-33.jpg&quot;);"></div>

А можно вывести вот так:

.block-informer{
	background: #fff url("./img/video-n.jpg") no-repeat scroll center;
}

Без ставки: "

style="background-image: url(/wp-content/uploads/2018/12/video-n-33.jpg");"

" ?

Comments

[Антон]

нет

Answer 1

[Vitaliy Orlov]

У тебя похоже в ссылку попала лишняя кавычка, т.е. она прямо в url, возможно проблемы с версткой.
Если нет возможности их устранить, можешь попробовать просто заменить " в url, вот так

var imageUrl = $('#wp_custom_attachment').find("a").attr("href");
  $('.block-informer').css('background-image', 'url("' + imageUrl.replace('"', '') + '")');

Но, лучше разберись, почему в ссылке (#wp_custom_attachment) у тебя лишняя кавычка

Answer 2

[sergski]

в универсальное свойство нельзя, но можно так:

$('.block-informer').css({
     'background-image': 'url(' + imageUrl + ')', 
      'backgroundPosition': 'center',
      'backgroundRepeat': 'no-repeat',
      'backgroundAttachment': 'scroll'
});

Comments

[RushV]

А вот можно обернуть URL
style="background-image: url("ссылка");

<div class="block-informer http://192.168.0.145/wp-content/uploads/2018/12/video-n-33.jpg">