Swiper与非兄弟幻灯片

Question

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

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

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

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

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

Answer 1

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