WY 关于WY

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

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

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

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

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

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>

本文到此就要告一段落了,如果对你有帮助,能否打赏请我喝杯奶茶呢~ 感谢你的阅读。 

关注微信公众号「木小夭设计」,回复关键字“666”,免费领取IT必读98本经典电子书大礼包,

muxiaoyao.jpg

打赏鼓励

如本文对您有帮助,就请我喝杯奶茶吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏