2013-05-18 15 views
11

Attualmente sto usando http://www.eyecon.ro/bootstrap-slider/ che funziona bene, tuttavia mi piacerebbe produrre il valore in tempo reale su una casella di input.Controlli slider bootstrap?

Il js fa questo a un suggerimento che va bene, tuttavia una volta lasciato il cursore, non è possibile vedere a cosa si imposta. Qualche suggerimento?

+2

Basta usare l'evento 'slide' fornito con il plugin. Scorri verso il basso fino alla fine della pagina a cui sei collegato e dovresti vedere un esempio. – techfoobar

+2

questo slider non funziona nell'attuale Firefox '27.0' – shashwat

+3

È venuto su questo su google, mi piacerebbe collegare [la mia forcella di bootstrap-slider] (https://github.com/seiyria/bootstrap-slider) che può aiutare quelli qui. – Seiyria

risposta

21

È possibile registrare il valore del cursore in tempo reale utilizzando l'evento slide fornito con il plug-in.

Vai a questa demo: http://jsfiddle.net/vMLPF/1/

Codice:

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

Nel codice precedente, #bar rappresenta la casella di inserimento in cui si desidera visualizzare il valore del cursore in tempo reale.