부트 스트랩 슬라이더가 작동하지 않습니다.

저는이 기본 부트 스트랩 슬라이더를 작동 시키려고 노력하고 있습니다. 그러나 이것은 단지 나를 피합니다.부트 스트랩 슬라이더가 작동하지 않습니다.

http://www.eyecon.ro/bootstrap-slider/ 나는이를 구현하기 위해 노력하고있어,하지만 작동하지 않는 이유를 알아낼 수 없습니다

부트 스트랩 슬라이더. 서버에서 실행중인 jQuery 1.8.3을 확인했습니다. Bootstrap 3.0.3의 CSS/JS를 포함 시켰습니다. 그리고 부트 스트랩 슬라이더의 CSS/JS를 포함 시켰습니다.

<div class="row"> 
    <div class="col-md-6"> 

    <input type="text" id="foo" class="span2" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="horizontal" data-slider-selection="after"data-slider-tooltip="hide"> 
    <input type="text" id="bar"> 

    <script type="text/javascript"> 
     $('#foo').slider().on('slide', function(ev) { $('#bar').val(ev.value); }); 
    </script> 

    </div> 
</div>

내가 갖는 모든 두 개의 텍스트 입력 상자,하지만 슬라이더입니다 : 여기

내가이 실행에 도착하려고 사용하고 코드입니다. 어떤 아이디어?

출처

2013-12-12 The Nomad

개발자 도구에서 오류가 발생 했습니까? – theBeacon

예, 이유가 있습니다. bootstrap.js를 보면'Bootstrap requires jQuery' 오류가 발생합니다. 이유는 모르겠지만 콘솔을 통해 버전 테스트를했기 때문에 1.8.3을 받았다. –

부트 스트랩하기 전에 jquery를 포함 시켰습니까? http://jsfiddle.net/dLajg/ – PSL

문제를 해결하기 위해 최신 버전의 jQuery를 설치하는 것이 좋습니다. 비슷한 문제가 있었는데 최신 버전의 jQuery를 설치하면 해결되었습니다. 행운을 빕니다.

출처

2013-12-12 19:30:11

부트 스트랩 슬라이더가 작동하지 않습니다.

답변

관련 문제