Inicializar SwiperJS não está funcionando

Olá, equipe do Discourse,
Estou tentando adicionar o SwiperJS ao banner da página inicial, mas falhei ao inicializar o Swiper.

E este é o meu código de inicialização:

var mySwiper = new Swiper (‘.swiper-container’, {
// Parâmetros opcionais
direction: ‘horizontal’,
loop: true,
// Se precisarmos de paginação
pagination: {
el: ‘.swiper-pagination’,
clickable:true,
},
// Setas de navegação
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})

Mas o SwiperJS não está funcionando.
Há alguns dias, usei o OwlCarousel e tive o mesmo problema.
Acho que devo ter perdido algo, mas não consigo identificar.
Alguém pode me ajudar a encontrar meu problema? Quem sabe qual é o meu erro?
PS: Ao usar o fluxo para inicializar o Swiper e o Owl, ambos funcionam, mas a cada volta, é necessário forçar a atualização da página para que voltem a funcionar.

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

Isso é apenas uma demonstração; você precisa usar {{#if displaydiscourseSwiper}}, mas após testar no after_header, ele não aparece.
É melhor usar CSS, além de carregar as bibliotecas CSS e JS do Swiper.

haha, obrigado, gostei muito. Ficou lindo. :kissing_heart: :kissing_heart: :kissing_heart: