如何实现嵌套的轮播图

Question

一个横向轮播图中，其中某个页面再嵌套一个小的横向轮播图，试了好几个插件都实现不了（小轮播图滑动时会影响大轮播图），有没有大神用过的。（目前项目是用jquery开发的）

Answer 1

插件肯定不会处理这种情况,你划小的就是划大的.只能根据项目,自己处理这块事件.

Answer 2

因为没写过，所以这里仅说下我的想法。如果你已经是自己封装了一个插件，你可以对“滚动”这一功能进行前置修饰，通过判断本“页面”内部是否有可以触发“滚动”的子项目，如果有，则先进行子项目的处理，当子项目已经到最后一步的时候，再回到当前页面进行处理。 基本上都是这么一个情况。

Answer 3

等下我写一个给你瞅瞅试试。

Answer 4

解决这个问题的核心应该是处理好事件的捕获和冒泡来避免事件穿透。
api 层面的话只要元素之间不存在控制器的重合（原则上也应该如此），是不会相互影响行为表现的。

Answer 5

swiper.js

嵌套swiper:http://www.swiper.com.cn/demo...

Answer 6

用superslider吧 支持嵌套 class名字不一样就互不影响