Hallo, Discourse-Team,
ich versuche, SwiperJS auf dem Homepage-Banner einzubinden, scheitere jedoch bei der Initialisierung von Swiper.
Hier ist mein Initialisierungscode:
var mySwiper = new Swiper (‘.swiper-container’, {
// Optionale Parameter
direction: ‘horizontal’,
loop: true,
// Falls wir Paginierung benötigen
pagination: {
el: ‘.swiper-pagination’,
clickable: true,
},
// Navigationspfeile
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})
SwiperJS funktioniert jedoch nicht.
Vor einigen Tagen hatte ich das gleiche Problem mit OwlCarousel.
Ich vermute, ich habe etwas übersehen, kann es aber nicht finden.
Kann mir jemand helfen, mein Problem zu finden? Wer kennt meinen Fehler?
PS: Wenn ich den folgenden Weg zur Initialisierung von Swiper und Owl verwende, funktionieren beide, aber jedes Mal, wenn ich zurückkehre, muss ich die Seite erzwingend neu laden, damit es wieder funktioniert.
$(window).on(“load”, function(){
//…
});
