jquery - jQuery 只读滑块 - 怎么办？

Question

我怎样才能有一个只读的 jQuery 滑块？一个会显示一个值但不允许用户移动它的值？

谢谢

score 23 · Accepted Answer

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

文档在这里

score 7 · Accepted Answer

7

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

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

于 2013-10-21T16:42:17.563 回答

score 4 · Accepted Answer

禁用它会使其透明。如果你想让它看起来像一个普通的滑块，你可以覆盖幻灯片处理程序以返回 false：

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

score 3 · Accepted Answer

如果我直接使用 $('#mySlider').slider('disable');，我会遇到同样的问题，即滑块会消失。我先加载了滑块..然后禁用了它。虽然这不是一个好方法，但它对我有用。

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

                }

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

score 1 · Accepted Answer

1

你只需要这样做：

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

于 2009-06-09T14:25:00.743 回答

score 0 · Accepted Answer

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

score -1 · Accepted Answer

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

由于滑块在 <input> 标记中设置值，因此您可以将其设为“只读”。

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

小提琴

jquery - jQuery 只读滑块 - 怎么办？

7 回答 7

Related

Reference