tap안에서 swiper에 autoplay가 안됩니다

</strong></p>

<p><strong><script>

    window.addEventListener('load', function(){

    saleItemTab();

});

   function saleItemTab() {

    var saleItem = document.querySelector('.saleItem');

    if(!saleItem) return;

    var tabButtonList = saleItem.querySelectorAll('.menu > li > .button');</strong></p>

<p><strong>    tabButtonList.forEach(function(button) {

        button.addEventListener('click', handleClickButton);

        setTitle(button);

    });</strong></p>

<p><strong>    function handleClickButton(e) {

        var currentButton = e.target;

        tabButtonList.forEach(function(button) {

            button.classList.remove('active');

        });

        currentButton.classList.add('active');</strong></p>

<p><strong>        var contentId = currentButton.getAttribute('data-id');

        var currentContent = saleItem.querySelector('#' + contentId);

        var tabContentList = saleItem.querySelectorAll('.tabContent');

        tabContentList.forEach(function(content) {

            content.classList.remove('active');

        });

        currentContent.classList.add('active');

    }</strong></p>

<p><strong>    function setTitle(button) {

        var contentId = button.getAttribute('data-id');

        var targetContent = saleItem.querySelector('#' + contentId);

        var mainTitle = targetContent.querySelector('.mainTitle');

        var title = '';

        if (mainTitle) {

            title = mainTitle.textContent;

        }

        button.innerText = title;

    }

       swiper();//슬라이드 실행

}

    

    var swiper = new Swiper(".mySwiper", {

        slidesPerView: 1.5,

        spaceBetween: 2,

        loop: false,

        centeredSlides: true,

        loopFillGroupWithBlank: true,

        autoplay: {

          delay: 2500,

          disableOnInteraction: false,

          pauseOnMouseEnter: true,

        },

        observer: true, 

        observeParents: true,

      });

</script></strong></p>

<p><strong>