다른 페이지 간 JavaScript가 다시 실행되지 않음

제품 지원
1

안녕하세요,

swiper.js 라이브러리를 사용하여 회전하는 테마 컴포넌트를 개발했습니다. 컴포넌트의 head 태그에서 CDN을 통해 swiper js/css 파일을 가져오고, window.ready 함수 내에서 페이지의 요소를 swiper로 선언합니다.

제가 겪고 있는 문제는 해당 페이지로 직접 이동하면 정상적으로 회전하지만, Discourse 사이트에서 해당 페이지로 이동하는 링크를 클릭하면 첫 번째 슬라이드는 로드되지만 정적 이미지로 표시되며, 페이지를 새로 고침할 때까지 이 컴포넌트가 애니메이션(회전)되지 않는다는 것입니다.

이것이 Discourse에서 페이지 간 탐색 시 JavaScript가 다시 실행되지 않고, 대신 다른 페이지에서 콘텐츠만 생성되기 때문일 것이라고 추측합니다. 이것이 Discourse의 작동 방식이라면, 이에 대한 우회 방법이 있을까요?

2

이 코드를 테마 컴포넌트에 추가해야 합니다:

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        callYourFunctionHere();
    });
</script>