Swiper with non-sibling slides

Question

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

这里的样品小提琴来证明我的用例：https://jsfiddle.net/2prcosmk/

每当我试着刷卡这种方式使用，第一张幻灯片显示正确，但我不能进行实际的滑动从第一个到任何其他幻灯片（如当你尝试移动滑块时，它在演示小提琴中很明显）。我想知道它是否可能。我无法真正重新组织我的html，因为我在多个列中有多张卡片，所以这些卡片中的每张卡片都会成为一张幻灯片，整个头部也会如此。

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

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

Answer 1

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