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

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

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2020-07-30 18:53:57
文章简介

Swiper超链接无法打开?别担心,我们为您找到了解决方案!只需一个参数,即可轻松解决该问题,让您的网页在不同浏览器上都能顺畅运行。无需繁琐操作,快速修复,让您的网页体验更上一层楼!

  • 正文开始
  • 相关阅读
  • 推荐作品

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>
竖向长方形图片横向正方形列表排列并取图片中间不变形的CSS方法
« 上一篇 2020年05月24日
js中常用追加元素的几种方法,熟练使用这几种方法,方便动态更改DOM结构
下一篇 » 2020年10月07日

如本文对您有帮助,就请墨鱼抽根烟吧!