jQuery手机滑块禁用不灰色

我想有一个jQuery移动滑块不能被拖动，但不会显示为灰色。jQuery手机滑块禁用不灰色

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

随着这个样子： <input type="range" value="86" min="0" max="100"/>

2013-07-25 jaynp

为什么你需要吗？这将是糟糕的用户体验，因为用户会期望它移动 –

@koala_dev所以我有这些用户互相评价的其他滑块。为了显示他们自己的评分，我认为让滑块显示他们的平均评分可能是一个好主意。您是否有建议在UX上更好地实施？ – jaynp

我会评估是否真的需要一个滑块，或者如果在禁用的文本输入中显示用户评分，或者仅显示文本就足够了。如果您使用滑块，请确保它以某种方式与其他滑块不同，无论是按照样式还是通过定位在页面上。考虑用户在使用你的应用时会有什么感觉/想法，并尽量避免与你的控件混淆。 –

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

如果你真的有一个很好的理由，那么你可以使用此代码以删除样式输入变灰类：

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

2013-07-25 22:32:48

回答