2012-06-06 6 views

risposta

26

L'HTML5 <input type="range" /> non gestisce solo un valore compreso tra min e max attributo - per esempio:

<input type="range" min="1" max="10" value="5.3" step="0.1" /> 

$("input[type=range]").val(); // returns 5.3 
$("input[type=range]").val(6); // sets value to 6 
$("input[type=range]").val(); // returns 6 

Se si vuole avere la diapositiva gestire un min e un valore massimo in un'interfaccia utente-input si potrebbe possibilmente usare il cursore di jQueryUI: https://jqueryui.com/slider/#range

+1

Raccomando anche il dispositivo di scorrimento di jQueryUI per una migliore compatibilità del browser. –

3

ho provato ad installare un violino e ha funzionato senza i problemi.

http://jsfiddle.net/Z2B7Y/

Tenete a mente che il value rappresenta il valore numerico che è tra le caratteristiche min e max. Cercando di impostarlo su 8,20 non è valido, perché non è un numero valido e quindi non ha senso.

Se si desidera impostare un valore in virgola mobile, è necessario utilizzare il punto, ad es.

$('input').val('8.20'); 

Se si desidera impostare i limiti dell'intervallo, è necessario modificare le proprietà, ad es.

$('input').prop('min','8'); 
$('input').prop('max','20'); 

Spero che questo aiuti.

+0

sì, in realtà sto usando questo plugin: https://github.com/tommoor/tinyrange-jquery-plugin. Ma volevo impostare il valore del cursore sull'input ... – Alex

+0

Puoi fare un esempio di cosa stai cercando di fare? Perché come puoi vedere nel violino puoi sicuramente cambiare il valore del 'input'; assicurati di passare correttamente il valore in virgola mobile. –