Как сделать так,чтобы при нажатии на кнопку менялся фон div на картинку с помощью jquery?

Question

[cot222]

Есть див,в котором находятся 3 ссылки.При нажатии на одну ссылку фон основного div меняется на одну картинку,при нажатии на вторую ссылку на другую картинку и т.д.Этот код не работает,при нажатии фон становится таким же,как фон всего body.
$('#b1before').click(function(e){
e.preventDefault();
$('.divdivdiv').css('background','url("../img/site1.jpg")');
});
$('#b2before').click(function(e){
e.preventDefault();
$('.divdivdiv').css({'background':'url(../img/site1.jpg)'});
});
$('#b3before').click(function(e){
e.preventDefault();
$('.divdivdiv').css({'background':'url(../img/site1.jpg)'});
});

b1before-первая ссылка,b2before-вторая,и b3before-третья.

Answer 1

[Stalker_RED]

Так у вас во всех трех случаях одна и та-же картинка прописана: "/img/site1.jpg".

Comments

[cot222]

не важно,на нее даже не меняется,фон становится таким как у body

[Stalker_RED]

cot222: Неправильные пути? Попробуйте собрать пример на jsfiddle.

Answer 2

[Alexander Pushkarev]

Вот так - https://codepen.io/AXP/pen/yXrJGe
В data-background можно написать url(img/site1.jpg)