Swiper绑定dom的click事件无效问题
问题:
最近在工作中使用swiper插件生成的轮播图,给轮播加了click事件,第一次点击时没有问题,滑动后点击事件失效。
分析原因:
经过多方资料查询后发现使用了loop为true之后,swiper为了轮播的连贯性,swiper-slide进行了复制,此时的swiper-slide是swiper生成的,并没有复制绑定在dom上的事件。
官方解释:

解决方法:
通过swiper自己的监听点击方法来实现


希望借此可以帮助遇到此问题的小伙伴,祝大家的生活中再无 bug。