2016-10-21 5 views
2

私はモバイルビューのスライダーとしてswiperを使用しています。基本的に、私がswiper-slideクラスを適用したいdivはお互いの兄弟ではありません。兄弟以外のスライドを持つスワイパー

は、ここに私のユースケースを実証するサンプルフィドルです:私はそのようにswiper使用しようとするたびにhttps://jsfiddle.net/2prcosmk/

、最初のスライドが正しく表示されますが、私は最初から、他のスライドにスライド実際を実行することはできません(とあなたがスライダを動かそうとするとデモフィドルで明らかになる)。その可能性があるのだろうか。私は本当に私は複数の列に複数のカードを持っているので、これらのカードのそれぞれが1つのスライドになるように私のHTMLを再編成することはできませんので、ヘッダー全体になります。

私が書いたコードサンプルには、ここにいくつかの提案を入れることができますか?ありがとう!

アップデート:swipe- *クラスをhttps://jsfiddle.net/2prcosmk/2/にネストしようとしましたが、スワイパを作成しますが、ネストされたスワイパーコンテンツは表示されません。インナースワイパーdirection: 'horizontal'を作ったら、予想通り水平スワイパーの中に垂直スワイパーを作成しますが、horizontalの中にhorizontalのようなものはありません。

答えて

0

最も近いのはnested: truedirection: 'horizontal'を内側のスワイパに使用することでした。ここにフィドルがあります:https://jsfiddle.net/2prcosmk/3/。 1つの問題はおそらくページ区切りの設定になります。誰かが2つのページ区切りをどのように組み合わせることができるかを答えることができれば、これはすばらしいことですが、今は十分です。

関連する問題