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

时间:2012-12-19 14:17:39

标签: jquery variables slider minmax

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

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

如果我输入最小值和最大值而不是它可以正常工作。

这是一个显示问题的小提琴:

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

1 个答案:

答案 0 :(得分: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&amp; 10是您的默认值)。