jQuery 移动滑块被禁用而不变灰答案

【问题标题】：jQuery mobile slider disabled without being greyed outjQuery 移动滑块被禁用而不变灰
【发布时间】：2013-07-25 21:56:52
【问题描述】：

我想要一个不能拖动但不显示为灰色的 jQuery 移动滑块。

也就是说，我想要以下功能： <input type="range" value="86" min="0" max="100" disabled="true"/>

这样看： <input type="range" value="86" min="0" max="100"/>

【问题讨论】：

你为什么需要它？这将是糟糕的用户体验，因为用户会期望它移动
@koala_dev 所以我有这些其他滑块，用户可以用这些滑块相互评价。为了显示他们自己的评分，我认为让滑块显示他们的平均评分可能是个好主意。您对 UX 方面的更好实施有什么建议吗？
我会评估是否真的需要滑块，或者是否在禁用的文本输入中显示用户评分或仅显示文本就足够了。如果您选择滑块，请确保它以某种方式与其他滑块区分开来，无论是样式还是页面上的位置。考虑用户在使用您的应用时的感受/想法，并尽量避免与您的控件混淆。

【解决方案1】：

我真的建议不要以与正常输入相同的外观显示禁用的输入，我认为这在用户体验方面会被证明是负面的。

如果您确实有充分的理由，那么您可以使用此代码删除将输入设置为灰色的类：

$('input[disabled]').parent().find('.ui-disabled').removeClass('ui-disabled');

【讨论】：