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/。一個問題可能是分頁設置，所以如果任何人都可以回答我們如何將這兩個分頁結合在一起，那將是非常棒的，但現在，這已經足夠好了。