swiper插件中，移动端左右滑动的事件是啥，求解答

Posted 2023-04-25

swiper可以嵌套。
nested 用于嵌套相同方向的swiper时，当切换到子swiper时停止父swiper的切换。
请将子swiper的nested设置为true。
由于需要在slideChangeEnd时判断作用块，因此快速滑动时这个选项无效。

<script>
var mySwiper = new Swiper('#swiper-container1')//父swiper
var mySwiper2 = new Swiper('#swiper-container2',//子swiper
nested:true,
)
</script> 参考技术A slidePrev,slideNext

关于Tab切换中嵌套Swiper移动端滑动插件，导致Swiper插件失效的问题

Swiper插件大家都知道的，手机端页面开发过程中，轮播用这个插件灰常方便的！关键是调用简单，大大的提高了开发的效率；

但是在Tab切换中调用，Swiper插件就会出问题，失效了，布局结构如下图：

解决办法：

调用的时候加入observer:true,observeParents:true这两个属性值就完美解决了；

这个是启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。