2016-10-21 2 views
2

Я использую 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, похоже, не работает.

ответ

0

Ближайшим, я мог бы пойти, было использовать nested: true и direction: 'horizontal' во внутреннем swiper. Вот скрипка: https://jsfiddle.net/2prcosmk/3/. Одной из проблем, вероятно, будет установка разбивки на страницы, поэтому, если кто-нибудь сможет ответить, как мы можем объединить две страницы, это было бы потрясающе, но на данный момент это достаточно хорошо.

 Смежные вопросы

  • Нет связанных вопросов^_^