ホームページ  >  に質問  >  本文

javascript - swiper.js swiper-slideのコンテンツの高さに応じてswiper-wrapperの高さを動的に設定する方法

リーリー

現在はこのように書かれていますが、最初のスイッチの後のみ機能し、その後ラッパーの高さの設定は機能しません。
ただし、次の 2 つの文を書かずに activeHeight を出力する場合にも問題があります。最初の数枚のスライドは左にのみスライドできます。値が表示されるのはそのときだけです。それ以外の場合は 0

になります。

しかし、次の activeHeight を記述する限り、出力は変わりません。
これを実現するにはどうすればよいですか?読み込み順序のせいですか?
アドバイスをお願いします

今すぐ動的に変更しないと、スワイパーラッパーの高さが常に不適切になり、スライドすると下に大きな空白ができることがよくあります。

リーリー

スライドするとデータが表示されないのはわかります。データは非同期で来ます。データがない場合は高さが取り出されて0になります。データを読み込むと、外側の高さのため表示できません。コンテナは 0 です。

ブラウザではブレークポイントを追加して順次実行することでデータを取得できます。これも確認できるはずです。
しかし、解決方法がまだわかりません><

淡淡烟草味淡淡烟草味2711日前1406

全員に返信(1)返信します

  • 黄舟

    黄舟2017-05-19 10:47:57

    $(".swiper-container").height(activeHight) を使用します

    データを非同期で取得して、スワイパーコンテナの高さを変更します

    リーリー

    返事
    0
  • キャンセル返事