부트 스트랩 캐 러셀 표시기> 활성 표시기가 변경되지 않음

나는 모든 슬라이드의 작은 축소판을 표시하는 방법으로 부트 스트랩과 함께 "상자 캐 러셀 표시기"를 사용했습니다. 그러나 "out the box indicator dots"과 달리 액티브 리는 활성 상태로 바뀌지 않으므로 활성 축소판에 CSS 스타일을 적용 할 수 없습니다. 아래 상자는 내 대체 버전과 비교됩니다. 내가 회전 목마 - 표시 클래스를 제거 생각하지 않는다부트 스트랩 캐 러셀 표시기> 활성 표시기가 변경되지 않음

  <ol class="carousel-indicators"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
       <li data-target="#myCarousel" data-slide-to="1"></li> 
       <li data-target="#myCarousel" data-slide-to="2"></li> 
       <li data-target="#myCarousel" data-slide-to="3"></li> 
      </ol> 


      <ol class="carousel-preview hidden-phone pull-right"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="1"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="2"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="3"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
      </ol>

나는 것을 복제로와 아무 상관이 있고, 그것은 여전히 관련된 활성 클래스가 있습니다. 내가 수정해야 할 부트 스트랩 JS 파일을 추측하고 있나? 나는 bootply 예제를 조롱하는 것에 지쳤지만 너무 많은 커스텀 스타일을 반복해야했다.

지표에서 요소를 검사 할 때 능동적 인 클래스가 한 강에서 다른 강으로 점프하는 것을 볼 수 있지만 내 지표에는 그다지 도움이되지 않습니다.

출처

2013-06-20 Tom Rudge

정말 코드를 볼 필요가 있습니다. js 바이올린을 제공 할 수 있습니까? – JonathanRomer

bootstrap.js 파일의 290 클래스 .carousel-preview를 추가해야했습니다. 원래 지표가 작동하도록 .carousel- 표시기를 남겼습니다.

   var Carousel = function (element, options) { 
       this.$element = $(element) 
       this.$indicators = this.$element.find('.carousel-indicators, .carousel-preview') 
       this.options = options 
       this.options.pause == 'hover' && this.$element 
        .on('mouseenter', $.proxy(this.pause, this)) 
        .on('mouseleave', $.proxy(this.cycle, this)) 
       }

출처

2013-06-21 09:01:33

정확히 같은 문제가 있습니다. 각 li 요소에 'item'클래스를 추가하면 활성 지표가 변경되지만 캐롤라이나를 클릭하면 나에게 또 다른 문제가 발생합니다. jquery가 클래스 이름 변경을 반영하기 위해 어떤 방식 으로든 수정되어야한다고 확실히 확신합니다. 나는 그걸 알아 내려고 노력하고 있지만 공을 굴리는 데 도움이되도록 지금까지 알아 낸 것을 나누고 싶었습니다.

출처

2013-06-20 17:40:28 Enspired

내가 끝내기 시작한 것은 원래 클래스로 다시 기본 설정 한 다음 li 요소와 그 안에있는 모든 텍스트를 양식화하는 두 번째 클래스를 만드는 것입니다. 나는 이것이 당신에게별로 도움이되지 않는다는 것을 안다. 그러나 그것은 주변의보기 흉하지 않은 충분한 일이다. – Enspired

의견을 보내 주셔서 감사 드리며, 아직이 문제로 고생하고 있습니다. –

부트 스트랩 캐 러셀 표시기> 활성 표시기가 변경되지 않음

답변

관련 문제