WY 关于WY

28岁,地球人,专注用户体验设计与前端开发。爱读书爱运动爱设计...[更多]

扫描用手机阅读此文
支持Android/iPhone

您的位置:首页 > 记录 > 前端记录

一个参数解决Swiper无法打开超链接(个别浏览器兼容)问题

文/ WY 2017-05-18 19:30:48 126阅读

Swiper这个js插件重点是面对移动端使用的,所以插件的默认设置都是针对手机端的。但是移动端没有鼠标而只能靠手点击和滑动,所以在电脑端使用的时候就会出现有些默认配置项是针对手机的而发生冲突了。那么由这个问题就引出了Swiper的一个配置参数:preventClicks。

preventClicks

当swiper在触摸时阻止默认事件(preventDefault),用于防止触摸时触发链接跳转。

preventClicks参数

类型:boolean; 默认:true; 举例:false; 启用版本:3.0.0

使用方法示例

<script language="javascript"> var mySwiper = new Swiper('.swiper-container',{preventClicks : false,//默认true})</script>