javascript - jquery、javascript を使用したアウトシステム用のスライダー

Question

低、中、高の 3 つの値を持つ Outsystems アプリケーションのスライダー コンポーネントが必要です。(低 -> 0、中 -> 5、高 -> 10 としましょう) ユーザーがこれらの値のいずれかにスライダー インジケーターを配置できるようにする必要があります。

ヒントはありますか？

ありがとう ！

Answer 1

範囲の配列で埋めることができるスライダーが必要なだけの場合は、jquery UI one を使用できます。

http://jqueryui.com/slider/#steps

優れた機能とサポート。

EDIT : 色を進化させるために、選択した値に応じて変更する色の背景を持つツールチップの div を作成できます。コードは次のようになります。

(if val == 1){handle.css('color','red');}
else if(val == 5){handle.css('color','yellow')} 
else if (val == 10) {handle.css('color','green')}