Control deslizante de solo lectura de jQuery: ¿cómo hacerlo?

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

Gracias

La documentación dice que hay un .slider('disable') función: no estoy seguro de qué le hace eso realmente al elemento deslizante en sí, pero esa puede ser una opción para usted.

Documentación aquí

Probé todo lo sugerido. Solo esto funciona:

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

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

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

Tengo el mismo problema de que el control deslizante desaparece si uso directamente $(‘#mySlider’).slider(‘disable’);. He cargado el control deslizante primero… 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');

Simplemente tendrías que hacer esto:

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

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

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 , puede convertirlo en “solo lectura“.

<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>

Violín