변수에서 슬라이더 최소, 최대 값을 얻는 방법.

Question

변수에서 최소, 최대 슬라이더 값을 얻는 방법.

슬라이드를 시도하면 슬라이더가 최대로 설정되고 작동이 중지됩니다.

숫자를 min과 max로 입력하면 잘 작동합니다.

<INPUT TYPE="text" CLASS="slidervalue"> 
<DIV CLASS="slider"></DIV> 

<INPUT CLASS="getmin" TYPE="text" VALUE="1"> 
<INPUT CLASS="getmax" TYPE="text" VALUE="10"> 


      var getmin = $('.getmin').val(); 
      var getmax = $('.getmax').val(); 

      $(".slider").slider({ 

        range: "max", 
        min: getmin, 
        max: getmax, 
        value: 2, 
        slide: function(event, ui) { 
         $(".slidervalue").val(ui.value); 
        }  

      }); 

http://jsfiddle.net/gk3dG/1/

Answer 1

jQueryUI 슬라이더 INT 값이 아닌 문자열 값을 예상 :

찾는 문제를 나타내는 바이올린이다. val()은 문자열을 반환합니다. 이렇게하면

은 당신의 문제 ...

var getmin = parseInt($('.getmin').val(), 10); 
var getmax = parseInt($('.getmax').val(), 10); 

참조를 해결 updated js fiddle...

또한 당신은 또한이 작업을 수행 할 수 있도록, NaN의 값을 처리해야합니다 ...

var getmin = parseInt($('.getmin').val(), 10); 
var getmax = parseInt($('.getmax').val(), 10); 

if (isNaN(getmin)) getmin = 1; 
if (isNaN(getmax)) getmax = 10; 

(가정은 1 &이 기본값입니다).