Swiper.jsをタブパネルごとに設置してスライドしなくなったときの対処法

この記事はアフィリエイト広告を利用しています。
この記事は最終更新から2年以上経過しています。内容が古くなっているかもしれません。。

例えばこんなケース:
Bootstrapで4つタブを書きそれぞれにSwiperを設置。タブを切り替えて確認してみると2つ目以降が動いていない。

結論

下記2つのオプションを追加する。

observer: true,
observeParents: true,

この記事はお役に立てましたか?

はい

ブログランキング・にほんブログ村へ

コメントを残す