curseur jQuery readonly - comment faire?

Question

Comment puis-je avoir un curseur jQuery en lecture seule? Un qui afficherait une valeur mais l'utilisateur ne serait pas autorisé à le déplacer?

Merci

Answer 1

La documentation dit qu'il ya une fonction .slider('disable') - ne sais pas ce que cela fait réellement l'élément coulissant lui-même, mais qui peut être une option pour toi.

Documentation here

Answer 2

Vous avez tout simplement de le faire:

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

Answer 3

J'ai eu le même problème que le curseur disparaît si j'utilise directement $ ('# mySlider'). Curseur ('désactiver') ;. J'ai chargé le curseur fisrt .. alors désactivé. Bien que ce ne soit pas un bon moyen, mais cela fonctionne pour moi.

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

       } 

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

Answer 4

$("#slider").slider("disable") fonctionne très bien, mais Réactivation ne fonctionne pas $("#slider").slider("enable")

Answer 5

J'ai eu une demande de client pour aujourd'hui. C'est probablement une bonne idée de le faire comme une meilleure pratique et d'empêcher la saisie de chaîne.

Étant donné que le curseur définit la valeur d'une variable < entrée >, vous pouvez la définir comme suit: "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

J'ai essayé tout suggéré. Seulement cela fonctionne:

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

Answer 7

Le désactiver le rend transparent. Si vous voulez qu'il ressemble à un curseur normal, vous pouvez ignorer le gestionnaire de diapositives pour renvoyer false:

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