iDangerous Swiper - изменение содержимого swiper-слайда onClick

Можно ли изменить содержимое внутри отдельного swiper-слайда onclick?

У меня есть последовательно пронумерованные блоки ВНУТРИ каждого слайда, которые должны перекрывать изображение при нажатии на этот отдельный блок. Я знаю, что JS получает ответ, потому что при нажатии он меняет другие div за пределами контейнера swiper.

Я пытался:

    document.getElementById('div6').innerHTML=...

    document.getElementById('img6').src=....

    $('div6').on('click',function() {
    document.getElementById('div6').innerHTML="<img id='img6'   
    src='overlay.png'>";
    });

но внутри swiper-слайда ничего не меняется. Вот моя инициализация Swiper на случай, если это имеет значение:

var swiper = new Swiper('.swiper-container', {
    slidesPerView: 1,
    spaceBetween: 0,
    freeMode: true,
    width:200,
    loop: true,
    loopedSlides:30
});

Заранее спасибо.


swiper onclick
person Edward    schedule 19.10.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны написать такой обработчик кликов:

$('#div6').on('click',function() {
    $(this).html('<img id="img6" src="overlay.png">');
});
person Vadim S    schedule 30.10.2015