2013-07-25 65 views
1

我想有一個jQuery移動滑塊不能被拖動,但不會顯示爲灰色。jQuery手機滑塊禁用不灰色

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

隨着這個樣子: <input type="range" value="86" min="0" max="100"/>

http://jsfiddle.net/8cRFX/

+0

爲什麼你需要嗎?這將是糟糕的用戶體驗,因爲用戶會期望它移動 –

+0

@koala_dev所以我有這些用戶互相評價的其他滑塊。爲了顯示他們自己的評分,我認爲讓滑塊顯示他們的平均評分可能是一個好主意。您是否有建議在UX上更好地實施? – jaynp

+0

我會評估是否真的需要一個滑塊,或者如果在禁用的文本輸入中顯示用戶評分,或者僅顯示文本就足夠了。如果您使用滑塊,請確保它以某種方式與其他滑塊不同,無論是按照樣式還是通過定位在頁面上。考慮用戶在使用你的應用時會有什麼感覺/想法,並儘量避免與你的控件混淆。 –

回答

3

我真的建議不要用的相同的外觀顯示禁用的輸入一個正常的輸入,我認爲這將在用戶體驗方面證明是負面的。

如果你真的有一個很好的理由,那麼你可以使用此代碼以刪除樣式輸入變灰類:

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