배너 슬라이드 페이지 번호 오류
본문
제작 홈페이지 : 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() 함수로 작동하니
첫번째 슬라이드에만 적용됩니다
함수명을 바꿔서 호출하시던지
함수안에서 셀렉터를 한꺼번에 제어하면 될 것 같습니다