마지막 슬라이드 이후에 슬라이드가 멈추고 순환하지 않습니다.

Question

클라이언트 용 사이트를 만들고 슬라이드 쇼를 만들기 위해 부트 스트랩을 사용하고 있습니다. 나는 이것을 위해 부트 스트랩 3.0을 사용하고있다. 나는 여기에 비슷한 상황에 대해 보았지만, 내가 발견 한 두 가지 유사한 경우에는 그들에 대한 대답이 없다.

는 여기에 URL을 : http://realtormatchaz.com/

모두는 마지막 슬라이드를 칠 때 자전거에서 회전 목마를 중지 무언가가 있어야 JS를 제외하고 잘 작동합니다. 확실히 이것이 간단한 수정이지만 JS에서 너무 좋지는 않습니다.

미리 감사 드리며 코드가 필요한지 알려주세요.

편집 : 나는 페이지를로드 할 때

<div id="main-slider" class="carousel slide" data-ride="carousel"> 
     <!-- Wrapper for slides --> 
     <div class="carousel-inner"> 
     <div class="item active span12"> 
      <div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s"> 
      <img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-1.png" width="100%" /> 
      </div> 
     </div> 
     <div class="item span12"> 
      <div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s"> 
      <img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-2.png" width="100%"/> 
      </div> 
     </div> 
     </div> 

     <!-- Controls --> 
     <a class="left carousel-control" href="#main-slider" data-slide="prev"> 
     <span class="icon-prev"></span> 
     </a> 
     <a class="right carousel-control" href="#main-slider" data-slide="next"> 
     <span class="icon-next"></span> 
     </a> 
    </div> 

Answer 1

:

솔직히 내가 원래 부트 스트랩 JS 변경 유일한 것은 간격 여기

Carousel.DEFAULTS = { 
interval: 7000, 
pause: 'hover', 
wrap: true 
} 

마크 업의 코드입니다했다 알았어 :

Uncaught TypeError: Property '$' of object [object Object] is not a function 

$은 범위에 포함되지 않은 것 같습니다. 이는 아마도 the DOM isn't ready yet이기 때문일 수 있습니다.

이런 식으로 포장 해보십시오 :

 
jQuery(function($) { 
    $('.carousel').carousel({ 
    interval: 4000 
    }); 
});