zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    vue.api
    v-resource
    vue.js路由
    computed watch methods
    vue.js生命周期
    flex布局
    字符截取 slice substr substring
    原生Ajax书写
    jq动画
    css 3动画
  • 原文地址:https://www.cnblogs.com/widgetbox/p/10734968.html
Copyright © 2011-2022 走看看