ディスコースチーム、こんにちは
ホームページのバナーに Swiper.js を追加しようとしているのですが、初期化時に失敗してしまいます。
これが私の初期化コードです。
var mySwiper = new Swiper (‘.swiper-container’, {
// オプションパラメータ
direction: ‘horizontal’,
loop: true,
// ページネーションが必要な場合
pagination: {
el: ‘.swiper-pagination’,
clickable:true,
},
// ナビゲーション矢印
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})
しかし、Swiper.js が機能しません。
数日前に OwlCarousel を使った際も同じ問題が発生しました。
何か見落としているはずだと思うのですが、何が悪いのか分かりません。
どなたか問題の特定やミスの指摘にご協力いただけませんでしょうか？
追記：Swiper と Owl をフロー通りに初期化すると両方とも動作しますが、一度戻るとページを強制的にリフレッシュしないと再び動作しなくなります。
$(window).on(“load”, function(){
//…
});
