jQuery slider readonly - come fare?

Question

Come posso avere un dispositivo di scorrimento jQuery di sola lettura? Uno che visualizzerebbe un valore ma l'utente non sarebbe autorizzato a spostarlo?

Grazie

Answer 1

La documentazione dice che c'è una funzione .slider('disable') - non so cosa che realmente fa all'elemento cursore in sé, ma che può essere un'opzione per te.

Documentation here

Answer 2

Si potrebbe semplicemente fare questo:

$('#mySlider').slider('disable'); 

Answer 3

ho avuto lo stesso problema che il cursore scompare se uso direttamente $ ('# mySlider'). Cursore ('disabilita') ;. Ho caricato il cursore fisrt..then disabilitato. Anche se non è un buon modo, ma funziona per me.

$('#mySlider').slider(
      { 
       range: "min", 
       min: 0, 
       max: 100,     
       value: $("span", this).text(), 

       } 

      }); 
$('#mySlider').slider('disable'); 

Answer 4

$("#slider").slider("disable") funziona bene, tuttavia riattivazione non lavorare $("#slider").slider("enable")

Answer 5

ho avuto una richiesta del client per questo oggi. Probabilmente è una buona idea farlo come best practice e prevenire l'input delle stringhe.

Poiché il cursore imposta il valore in un tag > di input <, è possibile impostarlo "readonly".

<p> 
    <label for="amount">Price range:</label> 
    <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" readonly /> 
</p> 

<div id="slider-range"></div> 

Fiddle

Answer 6

Ho provato tutti suggerito. Solo questo funziona:

$('#mySlider').slider({ disabled: true }); 

Answer 7

La disattivazione lo rende trasparente. Se si desidera guardare come un cursore normale, è possibile ignorare gestore diapositiva per restituire false:

$("#mySlider").on("slide", function (event, ui) { return false; });