Question

如何才能拥有只读的jQuery滑块？一个会显示一个值，但不允许用户移动它？

由于

Answer 1

文档说明有一个.slider('disable')函数 - 不确定它实际上对滑块元素本身做了什么，但这可能是你的选择。

Answer 2

我尝试了所有建议。只有这样才有效：

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

Answer 3

禁用它会使其透明。如果您希望它看起来像普通滑块，则可以覆盖幻灯片处理程序以返回false：

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

Answer 4

如果我直接使用$（'＃mySlider'）滑块消失，滑块就会消失。（滑块（'禁用'）;.我已经加载了滑块fisrt ..然后禁用它。虽然这不是一个好方法，但它对我有用。

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

                }

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

Answer 5

你只需要这样做：

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

Answer 6

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

Answer 7

我今天有客户要求。将这作为最佳实践并防止字符串输入可能是个好主意。

由于滑块在＆lt; input＆gt;中设置了值。标记，您可以将其设为“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

jQuery readonly滑块 - 怎么办？

7 个答案: