[jquery] 페이지로드시 트위터 부트 스트랩 캐 러셀이 자동 슬라이딩되지 않도록 방지

그렇다면 다음 또는 이전 버튼을 클릭하지 않는 한 페이지로드시 트위터 부트 스트랩 캐 러셀이 자동으로 미끄러지는 것을 방지 할 수 있습니까?

감사



답변

또는 부트 스트랩 3.0을 사용하는 경우 예를 들어 data-interval = “false”를 사용하여 사이클링을 중지 할 수 있습니다.

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

다른 유용한 캐 러셀 데이터 속성은 여기에 있습니다-> http://getbootstrap.com/javascript/#carousel-usage


답변

사실 이제 문제가 해결되었습니다. 다음과 같이 ‘carousel’메소드에 ‘pause’인수를 추가했습니다.

$(document).ready(function() {
   $('.carousel').carousel('pause');
});

어쨌든,이 솔루션에 대한 팁을 주신 @Yohn에게 감사드립니다.


답변

이전 / 다음 버튼을 누른 후 자동으로 슬라이드되는 캐 러셀 문제가 해결되었습니다.

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHub 커밋 78b927b


답변

캐 러셀의 HTML 구조에 설정된 부트 스트랩 3을 사용하는 경우data-interval="false"

예:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">


답변

  • data-interval="false"자동 슬라이드 중지에 사용
  • data-wrap="false"원형 슬라이드를 중지하는 데 사용

답변

당신의 coursel div에 이것을 추가하십시오 :

data-interval="false"


답변

다음은 부트 스트랩 캐 러셀의 매개 변수 목록입니다. Interval, pause, wrap :

여기에 이미지 설명 입력

자세한 내용은 다음 링크를 참조하십시오.

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

이것이 당신을 도울 것입니다 🙂

참고 : 이것은 추가 도움을위한 것입니다. 캐 러셀이로드되면 기본 동작을 사용자 지정하거나 변경할 수있는 방법을 의미합니다.