테스트 사이트 - 개발 중인 베타 버전입니다

배너 슬라이드 중지 버튼 오류 채택완료

sson4956 4년 전 조회 2,251

 

홈페이지 주소 : http://bioicorps.or.kr/

 

배너 슬라이드를 두개 만들었는데 오른쪽 배너 중지 버튼이 안먹히고 왼쪽 배너가 멈추게 됩니다. 제이쿼리에서 함수도 다르게 줬는데 오류가 생기네요. 제이쿼리 초보라 아시는분은 자세하게 알려주시면 감사하겠습니다. 

 

오른쪽 배너 제이쿼리 


    // 슬라이더 페이지 번호 지정
    function pageNumber__Init2(){
        // 전채 배너 페이지 갯수 세팅해서 .slider 에 'data-slide-total' 넣기
        var totalSlideNo2 = $('.main-bn2 > .slider2 > .slides2 > .bn2').length;
        //console.log(totalSlideNo2);
        
        $('.main-bn2 > .slider2').attr('data-slide-total', totalSlideNo2);
        
        // 각 배너 페이지 번호 매기기
        $('.main-bn2 > .slider2 > .slides2 > .bn2').each(function(index, node){
            $(node).attr('data-slide-no', index + 1);
        });
    };
    
    pageNumber__Init2();
    
    

    // 슬라이더 이동시 페이지 번호 변경
    function updateCurrentPageNumber2(){
        var totalSlideNo2 = $('.main-bn2 > .slider2').attr('data-slide-total');
        var currentSlideNo2 = $('.main-bn2 > .slider2 > .slides2 > .bn2.active2').attr('data-slide-no');

        console.log("currentSlideNo2 : " + currentSlideNo2);
        
        $('.main-bn2 > .slider2 > .page-btns2 > .page-no2 > .total-slide-no2').html(totalSlideNo2);
        $('.main-bn2 > .slider2 > .page-btns2 > .page-no2 > .current-slide-no2').html(currentSlideNo2);
    };
    
    
    updateCurrentPageNumber2()
    
     $(".stopBtn122").click(function(){
                 clearInterval(intv);
             });  
    
     $(".prev-btn2").click(function(){
                 clearInterval(intv);
             });  
    

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

intv라는게 각 스크립트마다 들어가있는데 이게 중복사용해도 되는건가요?

해당 변수도 각각 나눠서 선언해보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인