jQuery只读滑块-如何操作？

我如何拥有一个只读的jQuery滑块？一个可以显示值但不允许用户移动的值

---

谢谢

您只需执行以下操作：

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

---

文档中说有一个

.slider（'disable'）

函数-不确定它对slider元素本身的实际作用，但这可能是您的一个选项

---

如果我直接使用$（'mySlider'）。slider（'disable'）；，滑块就会消失，这与我遇到的问题相同；。我已首先加载滑块，然后将其禁用。虽然这不是一个好方法，但对我来说很有效

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

                }

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

---

$（“#slider”）。slider（“disable”）

可以正常工作，但重新启用却不起作用。

$（“#slider”）。slider（“enable”）

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

由于滑块设置标记中的值，因此可以将其设为“”

价格范围：

---

我尝试了所有建议。只有这样才能起作用：

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

---

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

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

---

这将使滑块消失（不渲染）。然后我认为最简单的方法是将一个透明元素放置在滑块顶部（从而防止用户手动移动它），并使用.value属性控制其位置。我使用的是jquery-ui-1.9.2和

。滑块（“禁用”）

工作起来很有魅力。它会降低透明度并禁用可拖动性。是否有办法保持透明度不变，但同时禁用可拖动性？@ThomasSebastian尝试添加

$（“.ui滑块已禁用。ui状态已禁用”）。removeClass（“ui状态已禁用”）在你调用它之后。这会使滑块消失（不会被渲染）。这不是OP要求的。他希望滑块被禁用，这不是您的示例所显示的。这就完成了。
    $("#mySlider").on("slide", function (event, ui) { return false; });