Я использую swiper в качестве слайдера для своего мобильного просмотра. В принципе, divs, которые я хотел бы применить, класс swiper-slide
не являются братьями и сестрами друг друга.Swiper с не-сестринскими слайдами
Вот образец скрипка, чтобы продемонстрировать свой потребительный случай: https://jsfiddle.net/2prcosmk/
Всякий раз, когда я пытаюсь использовать Swiper таким образом, первый слайд отображается правильно, но я не могу выполнить фактическое скольжение от первых к другим слайдам (как это очевидно в демонстрационной скрипке, когда вы пытаетесь переместить слайдер). Интересно, возможно ли это. Я не могу переорганизовать свой html, поскольку у меня есть несколько карт в нескольких столбцах, поэтому каждая из этих карт станет одним слайдом, а также весь заголовок.
Можете ли вы предложить какое-либо предложение здесь или любой указатель на образец кода, который я поставил? Благодаря!
Обновление: Я попытался вложить swiper-классы в https://jsfiddle.net/2prcosmk/2/, и он создает swipers, но содержимое вложенных swiper просто не отображается. Если я делаю внутренний swiper direction: 'horizontal'
, он создает вертикальный swiper внутри горизонтального swiper, как ожидалось, но horizontal
внутри horizontal
, похоже, не работает.