jQuery solo control deslizante - ¿cómo hacerlo?

Question

¿Cómo puedo tener un control deslizante jQuery que sea de solo lectura? ¿Uno que mostraría un valor pero el usuario no podría moverlo?

Gracias

Answer 1

La documentación dice que hay una función .slider('disable') - no está seguro de lo que realmente hace que el elemento deslizante sí mismo, sino que puede ser una opción para ti.

Documentation here

Answer 2

Usted simplemente tiene que hacer esto:

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

Answer 3

que tienen el mismo problema que el cursor desaparece si uso directamente $ ('# mySlider'). Deslizador ('desactivar') ;. He cargado el control deslizante ... luego lo deshabilité. Aunque no es una buena manera, pero funciona para mí.

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

       } 

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

Answer 4

$("#slider").slider("disable") funciona bien, sin embargo REACTIVACIÓN no funciona $("#slider").slider("enable")

Answer 5

que tenía una petición de cliente para este hoy. Probablemente sea una buena idea hacerlo como una mejor práctica y evitar la entrada de cadenas.

Dado que el control deslizante establece el valor en una etiqueta <entrada>, puede hacerlo "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

Probé sugeridos. Solo esto funciona:

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

Answer 7

Desactivándolo lo hace transparente. Si desea que se vea como un control deslizante normal, puede anular el manejador de diapositivas para devolver falso:

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