Nouislider 설정 범위 (변수)

Question

노이 라이더 (https://refreshless.com/nouislider/)를 사용 중이며 변수에서 범위 값을 설정하려고합니다. 그러나 변수 값을 사용하면 슬라이더가 생성되지 않습니다.

jQuery.each(sliders, function (key, slider) { 
    var id = $(this).attr("data-id"); 
    var from = $(this).find("input[data-type='from']").val(); 
    var to = $(this).find("input[data-type='to']").val(); 
    var min = $(this).find("input[data-type='min']").val(); 
    if(min < 0) { 
     min = 0; 
    } 

    var max = $(this).find("input[data-type='max']").val(); 
    if(min == max) { 
     max += 1; 
    } 
    noUiSlider.create(slider.getElementsByClassName("attrfilterslider")[0], { 
     start: [from, to], 
     connect: true, 
     range: { 
      'min': from, 
      'max': to 
     }, 
     animate: true, 
    }); 
}); 

시작 지점이 정상적으로 작동하므로 범위가 훨씬 더 약합니다. 범위 상수로 상수를 설정하면 모든 것이 잘 작동합니다. 하지만 그 변수와 함께 작동하지 않습니다. 변수를 변경하려고했지만 재 입력 등은했지만 여전히 작동하지 않습니다. 어떤 아이디어로 그것을 고치는 법?

Answer 1

안녕하세요, 저는 noUIslider가 숫자가 아닌 문자열을 기대한다고 생각합니다. 변수를 parseInt() 해보면 작동 할 것입니다.

여기에서 읽을 수 있습니다. - https://refreshless.com/nouislider/slider-options/