swipper插件引起的a链接失效问题

在使用swiper过程中,发现a链接失效,此处没有效果,问题是 swiper是基于移动端触摸的,会有一个全局的click事件,这个事件屏蔽了A标签的链接,是为了防止手机滑动的时候不小心触发A标签而设定的,

解决方案:

经过查找分析发现是由于没有设置一个参数preventClicks,该参数默认的值是ture,如果需要加入a链接需要设置preventClicks的值为false

var mySwiper = new Swiper('#swipper_box',{
autoplay: 5000,
prevButton:'.swiper-button-prev',
nextButton:'.swiper-button-next',
slidesPerView : 5,
preventClicks:false
})

 

 write by:tuantuan

posted @ 2019-04-19 11:38  WidgetBox  阅读(564)  评论(0编辑  收藏  举报