Swiper 点击事件 a链接失效

时间:2024-03-20 21:01:57

最新写了一个新的响应式网站,里面用到了swiper 组件

1.初始化Swiper 

var mySwiper = new Swiper('.swiper-container', {

loop: true, // 循环模式选项

preventClicks: false,

autoplay: {

delay: 3000,

stopOnLastSlide: false,

disableOnInteraction: true,

},

// 如果需要分页器

pagination: {

el: '.swiper-pagination',

},

})

2. 点击时间包括a 链接跳转都是失效的。

Swiper 点击事件 a链接失效

因为swiper.css 中样式层级问题。把。swiper-container 样式里的z-index去掉就可以了