iDangerous Swiper - 改变swiper-slide onClick的内容

Question

是否可以更改单个滑动滑块内的内容？

我在每个滑动滑块上都有顺序编号的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

你应该像这样写点击处理程序：

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