유형 범위의 입력 값을 사용하여 jQuery UI 슬라이더의 값을 설정하려면 어떻게해야합니까?

Question

jQuery UI Slider를 HTML5 입력 type = range의 폴백으로 사용하고 있습니다. 처음에는 jQuery UI Slider의 값을 설정하기 위해 input 요소의 값을 사용하려고하지만이 방법은 효과가없는 것 같습니다. input 요소의 값은 50으로 설정되어 있지만 슬라이더를 만들 때 값은 100입니다. value: $input.attr('value') 대신 value: 50을 사용하면 정상적으로 작동합니다. min: $input.attr('min') 및 max: $input.attr('max')은 정상적으로 작동합니다.

$(document).ready(function(){ 

    sliderFallback(); 

}); 


function sliderFallback(){ 
    $('input[type=range]').each(function() { 
     var $input = $(this); 
     var $slider = $('<div id="' + $input.attr('id') + '" class="' + $input.attr('class') + '"></div>'); 


     $slider.slider({ 
      min: $input.attr('min'), 
      max: $input.attr('max'), 
      value: $input.attr('value'),  
      slide: function(e, ui) { 
       $(this).val(ui.value); 
      } 
     }); 
     $input.after($slider).hide(); 
    }); 
} 

Answer 1

이 시도 :

여기 내 코드입니다

 function sliderFallback(){ 
      $('input[type=range]').each(function() { 
       var $input = $(this); 
       var $slider = $('<div id="' + $input.attr('id') + '" class="' + $input.attr('class') + '"></div>'); 

       var val = parseInt($(this).val()); 

       $slider.slider({ 
        min: $input.attr('min'), 
        max: $input.attr('max'), 
        value: val,  
        slide: function(e, ui) { 
         $(this).val(ui.value); 
        } 
       }); 
       $input.after($slider).hide(); 
      }); 
     }