Inizializzare swiperjs non funziona

Ciao, team di Discourse,

Sto cercando di aggiungere SwiperJS al banner della homepage, ma non riesco a inizializzare Swiper.

Ecco il mio codice di inizializzazione:

var mySwiper = new Swiper (‘.swiper-container’, {
// Parametri opzionali
direction: ‘horizontal’,
loop: true,
// Se serve la paginazione
pagination: {
el: ‘.swiper-pagination’,
clickable: true,
},
// Frecce di navigazione
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})

Ma SwiperJS non funziona.
Qualche giorno fa ho avuto lo stesso problema con OwlCarousel.
Credo di aver perso qualcosa, ma non riesco a capire cosa.
Qualcuno può aiutarmi a individuare il problema? Chi sa dove ho sbagliato?
PS: se uso il flusso per inizializzare Swiper e Owl, entrambi funzionano, ma ogni volta che torni indietro devi forzare l’aggiornamento della pagina perché funzionino di nuovo.

$(window).on(“load”, function(){
//…
});

Questa è solo una demo: dovresti usare {{#if displaydiscourseSwiper}}, ma dopo averlo testato in after_header, non viene visualizzato.
È meglio utilizzare anche CSS, caricando le librerie CSS e JS di Swiper.

haha, grazie, mi piace molto. È bellissimo. :kissing_heart: :kissing_heart: :kissing_heart: