i滑动器-更改滑动器的内容-幻灯片onClick

Question

是否有可能更改单个Swiper-Slide onclick中的内容？

我在每个滑动滑块中都有顺序编号的div，当单击单个div时，这些div应该覆盖一个图像。我知道JS得到了响应，因为当点击它时，它会改变swiper容器之外的其他div。

我试过：

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

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

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

但滑动器内部没有任何变化。以下是我的Swiper初始化，以备不时之需：

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

提前道谢。

Answer 1

您应该这样编写click处理程序：

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