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

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

QA

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

본문


<script>
    window.addEventListener('load', function(){
    saleItemTab();
});
   function saleItemTab() {
    var saleItem = document.querySelector('.saleItem');
    if(!saleItem) return;
    var tabButtonList = saleItem.querySelectorAll('.menu > li > .button');
    tabButtonList.forEach(function(button) {
        button.addEventListener('click', handleClickButton);
        setTitle(button);
    });
    function handleClickButton(e) {
        var currentButton = e.target;
        tabButtonList.forEach(function(button) {
            button.classList.remove('active');
        });
        currentButton.classList.add('active');
        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');
    }
    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>
 

 

처음탭에서는 autoplay가 정상적으로 작동하는데 다른탭에서는 autoplay가 작동하지 않습니다. 다른건 다 적용됩니다.

고수님들 답을 알려주세요...ㅠㅠㅠㅠㅠ

이 질문에 댓글 쓰기 :

답변 2

F12 눌러서 id 충돌 되는거 있나 보세요.

크롬 등의 브라우저 정책상 영상 autoplay는 1개만 가능하세요. mute 설정한 후 해보시겠어요?

답변을 작성하시기 전에 로그인 해주세요.
전체 18
QA 내용 검색
filter #tab ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT