サイトと私が見たすべてのデモによると、スライダーの値は常に均等に割り切れる必要があります。たとえば、最小オプションと最大オプションを 10 と 100 に設定すると、スライダーは 10、20、30 などのように 10 ずつ増加します。
次のように、割り切れないいくつかの事前選択された数値を定義する必要があります。
20、60、100、150、300
まったく新しいプラグインを作成することなく、既存のスライダーでこれを行う方法はありますか?
$('.slider').slider({
animate: true,
value: 20,
range: 'min',
min: 10,
max: 100,
step: 10,
slide: function(event, ui) {
$('span#amount').text(ui.value);
},
change: function(event, ui) {
$('input#range').val(ui.value);
}
});