是否有可能更改单个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
});
提前道谢。
您应该这样编写click处理程序:
$('#div6').on('click',function() {
$(this).html('<img id="img6" src="overlay.png">');
});