2013-05-18 11 views
11

Obecnie używam http://www.eyecon.ro/bootstrap-slider/, który działa uczta, jednak chciałbym, aby wartość wyjściowa w czasie rzeczywistym do pola wprowadzania.Kontrola suwaków Bootstrap?

Js robi to z podpowiedziami, która jest w porządku, jednak po opuszczeniu suwaka nie można zobaczyć, co zostało ustawione. Jakieś sugestie?

+2

Po prostu użyj zdarzenia 'slide', które jest dołączone do wtyczki. Przewiń w dół do dołu strony, z którą się łączyłeś i powinieneś zobaczyć przykład. – techfoobar

+2

ten suwak nie działa w aktualnym Firefox '27.0' – shashwat

+3

Przychodzi przez to na google, chciałbym podłączyć [mój widelec suwak-suwak] (https://github.com/seiyria/bootstrap-slider), który może pomóżcie tym tutaj. – Seiyria

Odpowiedz

21

Możesz zarejestrować wartość suwaka w czasie rzeczywistym, używając zdarzenia slide dostarczonego z wtyczką.

Zobacz ten demo: http://jsfiddle.net/vMLPF/1/

kod:

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

w powyższym kodzie, #bar reprezentuje pole wprowadzania, w którym chcesz, aby pokazać wartość suwaka w czasie rzeczywistym.