change - slider container jquery

jQuery readonly slider-¿cómo hacerlo?

Question

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

Gracias

Answer 1

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

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

Answer 2

Intenté todo lo sugerido. Solo esto funciona:

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

Answer 3

Simplemente tendrías que hacer esto:

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

Answer 4

Tengo el mismo problema que el control deslizante desaparece si uso directamente $ (''# mySlider''). Control deslizante (''deshabilitar'') ;. He cargado el control deslizante fisrt..then deshabilitado. 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 5

Tuve una solicitud de cliente para esto hoy. Probablemente sea una buena idea hacer esto como una mejor práctica y evitar la entrada de cadenas.

Dado que el control deslizante establece el valor en una etiqueta <input>, 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

$("#slider").slider("disable") funciona bien, sin embargo, la habilitación no funciona $("#slider").slider("enable")

Answer 7

La documentación dice que hay una función .slider(''disable'') - no está seguro de lo que realmente hace al elemento deslizante en sí, pero esa puede ser una opción para usted.

Documentacion aqui