Javascript 带非同级幻灯片的Swiper

我使用swiper作为移动视图的滑块。基本上，我想应用的div

swiper slide

类不是兄弟姐妹

下面是演示我的用例的提琴示例：

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

你能在这里提供一些建议，或者提供一些关于我放置的代码示例的指针吗？谢谢

---

更新：我尝试在中嵌套swiper-*类，它确实创建了swiper，但嵌套的swiper内容只是不显示。如果我将内部刷子设置为“水平”方向，它会按预期在水平刷子内部创建垂直刷子，但“水平”方向的内部刷子似乎不起作用。

我最近能做的就是在内部刷子中使用

嵌套：true

和

方向：“水平”

。这是小提琴：。一个问题可能是分页设置，所以如果有人能回答我们如何将两个分页组合在一起，那将是非常棒的，但现在，这已经足够好了