remodal＋swiperを実装をしたい

Question

remodalを使いモーダルの中にswiperを実装したいです。

それぞれcssやjsを読み込んで、やってみましたが、swiperが動きませんでした。
しかし、モーダルが表示されているときに、ブラウザの幅をリサイズすると、swiperが動作しました。

※モーダル外でswiperを実装すると通常通り動きました。

どのように記述すればいいのでしょうか？

モーダルの中にswiperがうまくいかないようです。

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="p01.jpg" alt=""/></div>
<div class="swiper-slide"><img src="p02.jpg" alt=""/></div>
</div>
<div class="swiper-pagination"></div>
</div>

const swiper = new Swiper ('.swiper-container', {
	autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
    speed: 2000,
	loop: true,
        pagination: {
          el: ".swiper-pagination",
			clickable: true,
        },
      });

Answer 1

すいません解決しました。

const swiper = new Swiper ('.swiper-container', {
	autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
    speed: 2000,
	loop: true,
        pagination: {
          el: ".swiper-pagination",
			clickable: true,
        },
        observer: true,
  observeParents: true,
      });

observer: true,
  observeParents: true,

を追加したらうまく動作しました