bootstrap 3 carousel 구성 요소(Carousel)는 현재 표시된 그림의 인덱스를 가져옵니다.

공식 문서

이벤트
부트스트랩의 캐러셀 클래스는 캐러셀 기능에 연결하기 위한 두 가지 이벤트를 노출합니다.

두 이벤트에는 다음과 같은 추가 속성이 있습니다.

direction : 캐러셀이 미끄러지는 방향("왼쪽" 또는 "오른쪽").
relatedTarget : 활성 항목으로 슬라이드되는 DOM 요소입니다.

두 가지 콜백 메소드가 있습니다.

이벤트 유형	설명
Slide.bs.carousel	이 이벤트는 슬라이드 인스턴스 메서드가 호출되면 즉시 발생합니다.
slid.bs.carousel	이 이벤트는 캐러셀이 슬라이드 전환을 완료하면 시작됩니다.

두 콜백 메서드를 모두 사용할 수 있습니다.

$(选择器).on('slide.bs.carousel', function (obj) {
        // 当前轮播索引
        var index = $(this).find('.item').index(obj.relatedTarget);
        console.log("索引:" + index);
 });

이 방법은 bootstrap v3.0.2에 적합한 bootstrap 3에 대한 온라인 .getActiveIndex() 방법을 사용합니다 .

끝에 쓰다

저는 순백의 사람이고, 제가 쓴 블로그도 학습과 사용에 있어서 발생하는 문제점들로 인해 자료를 검색하여 해결한 후 작성하게 되었습니다. 혹시라도 몇몇 부분에 오류가 있거나, 위반 사항이 있으면 연락 부탁드립니다. .

QQ: 994961015
이메일: [email protected]