javascript - Jquery Slider UIの動的ステップサイズ

Question

次のプロパティを持つスライダーがあります。

• 水平方向
• ワンハンドル
• 2分の1
• 最大 65

私の目標は、ユーザーに 7 点のみ (たとえば、「2、3、4、26、39、52、65」) から選択させ、それ以上は選択させないことです。

動的なステップ サイズを作成するにはどうすればよいですか、またはそれらのポイントのみをスライダーのステップにするにはどうすればよいですか?

Answer 1

7 ポイントのみのスライダーを使用して、値を表に変換してみませんか。

私のjsfiddleの例を参照してくださいhttp://jsfiddle.net/bouillard/Uy5sD/

Answer 2

イベントをご覧になることをお勧めしますslide。ドキュメントはこちらです。それは言う

ui.value に基づいて、スライドを防ぐために false を返します。

したがって、値が目的の値でない場合は false を返す必要があります。

編集：くそー、リンクからスライダーページに移動しました。私が話しているのはEventsタブにあり、それは名前が付けられたものですslide

Edit2: それを使ったフィドル。他のソリューションとの主な違いは、このソリューションではスライドが均一ではないことです。

Edit3：別のフィドル。この 1 つで、スライドの最後で間違った値に達した場合、以前の正しい値に戻ります。