jQuery只读滑块-如何操作?

.slider('disable') 函数-不确定这对滑块元素本身的实际作用,但这可能是您的一个选项。

Documentation here

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

禁用它可以使其透明。如果希望它看起来像普通滑块,可以覆盖滑块处理程序以返回false:

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

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

                }

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

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

$("#slider").slider("disable") 工作正常,但重新启用不起作用 $("#slider").slider("enable")

我今天接到客户的请求。这可能是一个好主意,作为一个最佳实践,防止字符串输入。

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