我使用swiper作为移动视图的滑块。基本上,我想要应用swiper-slide
类的div不是彼此的兄弟。
以下是演示我的用例的示例小提琴:https://jsfiddle.net/2prcosmk/
每当我尝试使用swiper时,第一张幻灯片显示正确,但我无法从第一张幻灯片执行实际滑动到任何其他幻灯片(当您尝试移动滑块时,在演示文件中显而易见)。我想知道它是否有可能。我无法真正重新组织我的HTML,因为我在多列中有多张卡片,因此每张卡片都会成为一张幻灯片,整个标题也会如此。
你能在这里提供一些建议吗?或者我提供的代码示例上有任何指针?谢谢!
更新:我尝试在https://jsfiddle.net/2prcosmk/2/中嵌套swiper- *类,它确实创建了swipers,但嵌套的swiper内容却没有显示。如果我制作内部滑块direction: 'horizontal'
,它会按预期在水平滑块内创建垂直滑块,但horizontal
内的horizontal
似乎不起作用。
答案 0 :(得分:0)
我最接近的就是在内部狙击手中使用nested: true
和direction: 'horizontal'
。这是小提琴:https://jsfiddle.net/2prcosmk/3/。一个问题可能是分页设置,所以如果有人能够回答我们如何将两个分页组合在一起,那将是非常棒的但是现在,这已经足够了。