为了账号安全,请及时绑定邮箱和手机立即绑定

better-scroll + fastclick 轮播图在pc端问题

/ 猿问

better-scroll + fastclick 轮播图在pc端问题

qq_Outsider_7 2017-07-13 16:33:25

轮播图结构是a标签包含img,

在pc端,当用鼠标滑动图片时,会自动打开a标签的链接?

是不是这两个插件冲突? 还是说 在滑动时 派发了click事件?

查看完整描述

9 回答

已采纳
?
阿里斯托亚

只是鼠标在图片上移动还是点击图片拖动

查看完整回答
1 反对 回复 2017-07-13
?
Evan_Zhang

click的时候触发了A标签的跳转

查看完整回答
反对 回复 2019-03-01
?
摄魂4321354

为什么我的无缝轮播不生效?  我用了snapLoop为true

查看完整回答
反对 回复 2017-09-28
?
qq_Outsider_7

解决了,应该是谷歌浏览器最新特性的问题,Unable to preventDefault inside passive event listener due to target being treated as passive

查看完整回答
反对 回复 2017-07-13
?
qq_Outsider_7
_initScroll () {   //这是注册的better-scroll 
  this.slider = new BScroll(this.$refs.slider, {
    scrollX: true,
    scrollY: false,
    snap: true,
    momentum: false,
    snapLoop: this.loop,
    snapThreshold: 0.3,
    snapSpeed: 400
  })
  
 import fastclick from 'fastclick'   //注册的fastclick
fastclick.attach(document.body)


查看完整回答
反对 回复 2017-07-13
?
qq_Outsider_7

是鼠标按在图片上移动,a链接自动跳转

查看完整回答
反对 回复 2017-07-13
?
阿里斯托亚

你把源码发给我看看

查看完整回答
反对 回复 2017-07-13
?
qq_Outsider_7

不是想要《href = "javascript:void(0);"》这个答案,我的意思是,在PC端用鼠标来滑动图片,为什么会触发a标签点击事件打开链接?

查看完整回答
反对 回复 2017-07-13
?
李晓健

让a 的 href = "javascript:void(0);"

查看完整回答
反对 回复 2017-07-13

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信