배너 슬라이드 페이지 번호 오류

배너 슬라이드 페이지 번호 오류

QA

배너 슬라이드 페이지 번호 오류

본문

3555072071_1617781102.4291.png

 

제작 홈페이지 : http://bioicorps.or.kr/?device=mobile

 

현재 홈페이지 배너 두개를 만들고 있는데 오른쪽 배너 한개가 페이지 번호 변경이 안되서요 클래스명하고 제이쿼리도 다르게 준 것같은데 오류가 있는 것같습니다. 아무리 건드려봐도 해결이 안되네요 알고 계신 분은 답변해주시면 감사하겠습니다.

 

-번호 변경 제이쿼리-

    // 슬라이더 페이지 번호 지정
    function pageNumber__Init(){
        // 전채 배너 페이지 갯수 세팅해서 .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__Init();
    
    

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

    updateCurrentPageNumber();
    
     $(".stopBtn122").click(function(){
                 clearInterval(intv);
             });  
    
     $(".prev-btn2").click(function(){
                 clearInterval(intv);
             });  

 

 

 

이 질문에 댓글 쓰기 :

답변 1

updateCurrentPageNumber()

함수를 똑같이 쓰고 있고 

두 번 정의되었습니다

따라서 아래쪽에 있는 updateCurrentPageNumber() 함수로 작동하니

첫번째 슬라이드에만 적용됩니다

함수명을 바꿔서 호출하시던지

함수안에서 셀렉터를 한꺼번에 제어하면 될 것 같습니다

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

회원로그인

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