2012-12-19 171 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是您的默認值)。

相關問題