Как у вас есть конкретные значения на ползунке пользовательского интерфейса jQuery?

Question

Мой клиент попросил меня создать слайдер пользовательского интерфейса, используя jQuery, но ему нужны конкретные значения 10,20,30,50,75,100,200.

У меня просто есть базовая настройка ползунка

$(function() {
  $( "#slider" ).slider({
    value:40,
    min: 10,
    max: 70,
    step: 10,
    slide: function( event, ui ) {
      $( "#amount" ).val( "$" + ui.value );
      $(this).find("a.ui-slider-handle").text(ui.value).append('<br>miles');  
    }
  });
  $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});

Я просто не могу понять, что делать.

Большое спасибо

Answer 1

Я думаю, что я понимаю, что вы говорите, проверьте следующую скрипку http://jsfiddle.net/SpYk3/y9kbv/