2013-05-18 5 views
11

현재 치료를 위해 http://www.eyecon.ro/bootstrap-slider/을 사용하고 있습니다. 그러나 실시간으로 값을 입력 상자에 출력하고 싶습니다.부트 스트랩 슬라이더 컨트롤?

js는 괜찮은 툴팁으로 처리하지만, 일단 슬라이더를 벗어나면 설정 한 내용을 볼 수 없습니다. 제안 사항이 있으십니까?

+2

플러그인과 함께 제공되는'slide' 이벤트 만 사용하면됩니다. 링크 된 페이지의 맨 아래로 스크롤하면 예제가 표시됩니다. – techfoobar

+2

이 슬라이더는 현재 Firefox'27.0' – shashwat

+3

에서 작동하지 않습니다. Google에서이 문제가 발생했습니다. [내 포크 부트 스트랩 슬라이더] (https://github.com/seiyria/bootstrap-slider)를 연결하고 싶습니다. 여기있는 사람들을 도와주세요. – Seiyria

답변

21

플러그인과 함께 제공되는 slide 이벤트를 사용하여 슬라이더 값을 실시간으로 기록 할 수 있습니다. #bar는 실시간으로 슬라이더 값을 표시하고자하는 입력 상자를 나타냅니다, 위의 코드에서

$('#foo').slider().on('slide', function(_ev) { 
    $('#bar').val(_ev.value); 
}); 

: http://jsfiddle.net/vMLPF/1/

코드 :

데모를 참조하십시오.

관련 문제