2012-05-14 52 views
0

我使用從Refreshless.com的NoUIslider(http://refreshless.com/nouislider/)jQuery的無UI的滑塊設置指針期望值

$("#slider").noUiSlider("init", 
     { dontActivate: "lower", startMax: "40%", scale: [0, 500], 
     tracker: function(){ 
           foo(); 
          }, 
     clickmove: function(){ 
           foo(); 
          } 
         }); 
foo(); 

滑塊的值被讀取爲:

Math.ceil($("#slider").noUiSlider("getValue", {point: ""})); 

我需要將滑塊設置爲用戶在文本框中輸入的值。該文檔是最小的,我嘗試了幾件事情,但沒有移動滑塊:

$("#slider").noUiSlider("move", { 
     moveStyle: "animate", 
     setTo: [members], 
     scale: [10, 500], 
     saveScale: true 
}); 

所有選項都已經用盡了,我需要你的幫助。謝謝

+0

您將「setTo」屬性設置爲的成員的值是多少? – threejeez

+0

其10到500之間的整數 – Prasad

回答

0

我通過禁用動畫並將該值設置爲相同範圍內的整數來實現它 - 您不需要像我以前想的那樣計算出等值的縮放比例。

1

對於setTo參數,請使用指定兩個滑塊的值的數組。即使當我用一個滑塊使用這個插件時,setTo也是無效的,除非我使用了一個有兩個值的數組。更改您的代碼是這樣的:

$("#slider").noUiSlider("move", { 
    moveStyle: "animate", 
    setTo: [30, 200], 
    scale: [10, 500], 
    saveScale: true 
}); 

如果您使用的是單滑塊,只是兩個數組成員設置的位置,你想單滑塊是(即[30,30])。

另外,我停止使用這個滑塊插件,因爲它太古怪了。我開始使用Egor Khmelev的滑塊插件(http://egorkhmelev.github.com/jslider/),它效果很好。

+0

謝謝。但這不是必需的,我通過禁用動畫來實現它。 – Prasad