swiperjs doesnot works inside modal

1$(document).ready(function(){
2    $(".modal").on('show.bs.modal', function() {
3        setTimeout(function() {
4            var swiper3 = new Swiper('.swiper-container', {
5                pagination: '.swiper-pagination',
6                nextButton: '.swiper-button-next',
7                prevButton: '.swiper-button-prev',
8                slidesPerView: 1,
9                spaceBetween: 30,
10                loop: true,
11                effect: 'fade'
12            });
13        }, 500);
14    });
15});
16