2012-12-19 174 views
4

如何从变量中获取最小,最大滑块值。如何从变量中获取滑块最小值,最大值。

当我尝试滑动时,滑块设置为最大值并停止工作。

如果我把最小和最大的数字,而不是它工作得很好。

下面是该问题的一个小提琴:

<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/

回答

8

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 & 10是您的默认值)。

相关问题