1
我想有一個jQuery移動滑塊不能被拖動,但不會顯示爲灰色。jQuery手機滑塊禁用不灰色
也就是說,我要的功能: <input type="range" value="86" min="0" max="100" disabled="true"/>
隨着這個樣子: <input type="range" value="86" min="0" max="100"/>
我想有一個jQuery移動滑塊不能被拖動,但不會顯示爲灰色。jQuery手機滑塊禁用不灰色
也就是說,我要的功能: <input type="range" value="86" min="0" max="100" disabled="true"/>
隨着這個樣子: <input type="range" value="86" min="0" max="100"/>
我真的建議不要用的相同的外觀顯示禁用的輸入一個正常的輸入,我認爲這將在用戶體驗方面證明是負面的。
如果你真的有一個很好的理由,那麼你可以使用此代碼以刪除樣式輸入變灰類:
$('input[disabled]').parent().find('.ui-disabled').removeClass('ui-disabled');
爲什麼你需要嗎?這將是糟糕的用戶體驗,因爲用戶會期望它移動 –
@koala_dev所以我有這些用戶互相評價的其他滑塊。爲了顯示他們自己的評分,我認爲讓滑塊顯示他們的平均評分可能是一個好主意。您是否有建議在UX上更好地實施? – jaynp
我會評估是否真的需要一個滑塊,或者如果在禁用的文本輸入中顯示用戶評分,或者僅顯示文本就足夠了。如果您使用滑塊,請確保它以某種方式與其他滑塊不同,無論是按照樣式還是通過定位在頁面上。考慮用戶在使用你的應用時會有什麼感覺/想法,並儘量避免與你的控件混淆。 –