ion.rangeSlider 슬라이더를 미리 정의 된 값으로 잠급니다.

Question

슬라이더를 미리 정의 된 값으로 잠글 수있는 옵션이 있습니까? 즉,

값 : [ "7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399" 499 15,35 ..... 499에 "7.5",

지금은 이동하려는

"그것이 어떻게 가능

? 왜냐하면 내가 "7.5"에서 슬라이더를 시작하면 43, 79를 보여주기 때문입니다. 나는이 값들을 원하지 않으며, 슬라이더는 주어진 값을 움직입니다! 제발 할 수있어!

if($('#range_slider_a').length) { 
      $("#range_slider_a").ionRangeSlider({ 
       type: "single", 
       step: 10, 
       postfix: " $", 
       min: 7.5, 
       max: 499, 
       //from: 7.5, 
       hasGrid: true, 
      values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"], 
       onChange: function(obj) { 
       var current_price =  $('#range_slider_a').prop("value"); 
       $('#contact_limit').empty().append(''+current_price); 
       $('#contact_price').empty().append(''+current_price); 
       //alert(current_price); 

      }, 
      }); 



     } 

Answer 1

당신은 당신의 상황 from에 from 0으로
이 values 배열의 인덱스를 변경해야합니다, 그래서 당신은 7.5에서 슬라이더를 시작하려는 경우 당신은 from 속성에 대해 0을 설정해야합니다.

Answer 2

어쩌면 Ion.RangeSlider의 이전 버전을 사용하고있을 수 있습니다. 여기에 새 버전을 확인합니다 http://jsfiddle.net/IonDen/9mp499ak/

var $range = $(".js-range-slider"); 

$range.ionRangeSlider({ 
    type: "single", 
    postfix: " $", 
    grid: true, 
    values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"] 
});