swiper 中点击active的轮播图
时间: 2023-10-06 17:08:09 浏览: 121
微信小程序使用swiper组件实现层叠轮播图
5星 · 资源好评率100%
如果你想在 swiper 中点击 active 的轮播图,可以使用 Swiper 的回调函数 onSlideChangeEnd,例如:
```javascript
var mySwiper = new Swiper('.swiper-container', {
onSlideChangeEnd: function () {
var activeIndex = mySwiper.activeIndex;
var activeSlide = mySwiper.slides[activeIndex];
// 在这里处理点击 active 轮播图的逻辑
}
});
```
在 onSlideChangeEnd 回调函数中,可以获取当前 active 的索引和对应的 slide 元素,然后在里面处理点击事件的逻辑。
阅读全文