Initialisation de swiperjs ne fonctionne pas

Bonjour, équipe Discourse,

J’essaie d’ajouter SwiperJS à la bannière de la page d’accueil, mais j’échoue lors de l’initialisation de Swiper.

Voici mon code d’initialisation :

var mySwiper = new Swiper (‘.swiper-container’, {
// Paramètres optionnels
direction: ‘horizontal’,
loop: true,
// Si nous avons besoin de pagination
pagination: {
el: ‘.swiper-pagination’,
clickable:true,
},
// Flèches de navigation
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})

Mais SwiperJS ne fonctionne pas.
Il y a plusieurs jours, j’ai rencontré le même problème avec OwlCarousel.
Je pense que j’ai dû oublier quelque chose, mais je n’arrive pas à trouver quoi.
Quelqu’un peut-il m’aider à identifier mon problème ? Qui connaît mon erreur ?
PS : Si j’utilise le flux suivant pour initialiser Swiper et Owl, ils fonctionnent tous les deux, mais à chaque retour, je dois forcer l’actualisation de la page pour qu’ils fonctionnent à nouveau.

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

Ceci est simplement une démonstration. Vous devez utiliser {{#if displaydiscourseSwiper}}, mais après un test dans after_header, cela ne s’affiche pas.
Il est préférable d’utiliser du CSS, ainsi que de charger les bibliothèques CSS et JS de Swss.

haha, merci, j’adore vraiment. C’est magnifique. :kissing_heart: :kissing_heart: :kissing_heart: