Swiper与非兄弟幻灯片

时间:2016-10-21 07:30:13

标签: javascript swiper

我使用swiper作为移动视图的滑块。基本上,我想要应用swiper-slide类的div不是彼此的兄弟。

以下是演示我的用例的示例小提琴:https://jsfiddle.net/2prcosmk/

每当我尝试使用swiper时,第一张幻灯片显示正确,但我无法从第一张幻灯片执行实际滑动到任何其他幻灯片(当您尝试移动滑块时,在演示文件中显而易见)。我想知道它是否有可能。我无法真正重新组织我的HTML,因为我在多列中有多张卡片,因此每张卡片都会成为一张幻灯片,整个标题也会如此。

你能在这里提供一些建议吗?或者我提供的代码示例上有任何指针?谢谢!

更新:我尝试在https://jsfiddle.net/2prcosmk/2/中嵌套swiper- *类,它确实创建了swipers,但嵌套的swiper内容却没有显示。如果我制作内部滑块direction: 'horizontal',它会按预期在水平滑块内创建垂直滑块,但horizontal内的horizontal似乎不起作用。

1 个答案:

答案 0 :(得分:0)

我最接近的就是在内部狙击手中使用nested: truedirection: 'horizontal'。这是小提琴:https://jsfiddle.net/2prcosmk/3/。一个问题可能是分页设置,所以如果有人能够回答我们如何将两个分页组合在一起,那将是非常棒的但是现在,这已经足够了。