问题:使用swiper插件生成的轮播图，给轮播加了click事件，第一次点击时没有问题，滑动后点击事件失效。
分析原因：使用了loop为true之后，假设你轮播了2个banner，为了轮播的连贯性，swiper-slide复制了2个，此时的swiper-slide是swiper生成的，并没有复制绑定在dom上的事件。
解决方法：利用new swiper时 去绑定点击事件。
在标签上将你需要的值嵌入进去：
image.png
image.png
image.png
注：如果你的需求只是点击banner跳转链接，可直接在img外层套一个a标签，更加方便。
问题:使用swiper插件生成的轮播图，给轮播加了click事件，第一次点击时没有问题，滑动后点击事件失效。 分析...
遇到的问题： 1、swiper复制的节点点击事件失效问题2、多个视频同时播放的问题3、安卓手机上视频播放后轮播卡顿...
h5在ios中点击失效 问题1：直接给元素绑定 click 事件失效 解决：可以改成绑定 touchend 事件 ...
jquery swiper loop 循环第二次点击弹框的时候出现失效怎么解决呢？
相关知识点 移动端、 适配（兼容）、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
点击ul中的li元素，点击失效，有时只有点击li元素的左侧才生效。 解决办法：mui有自带的点击事件绑定 本来是需...
前两天刚碰到Safari中点击事件的问题 , 过了没多久又碰到滚动失效的事件 类库: jquery Safari ...
UITableView的父类视图UIView上添加tap手势，tableview的点击事件失效。解决问题：给父视图...
swiper下loop模式点击事件无效的原因 swiper.js是移动端制作常用的框架，其中又很多方便的方法和参数...
问题描述：swiper轮播是可以点击去查看详情的，swiper的loop属性是true，当我们点击第一张图片和向左...
本文标题：swiper 点击事件失效问题
本文链接：https://www.haomeiwen.com/subject/kzsusctx.html
网友评论