如何在頁面加載時以編程方式設置jslider默認指針

Question

我正在使用jQuery Slider plugin腳本，這裏是我的HTML & JQuery代碼。

HTML：

<div class="main"> 
    <input id="slider" type="slider" name="price" value="20;50" /> 
</div> 

的jQuery：

jQuery("#slider").slider({ 
    from: 10, 
    to: 100, 
    step: 10, 
    round: 1, 
    skin: 'plastic', 
    limits: true, 
    onstatechange: function (value) { 
     console.log(value) 
    }, 
}); 

現在的問題是，我不希望內部使用範圍值作爲像下面文本框的值：

<input id="slider" type="slider" name="price" value="20;50" />

是否可以使用Jslider腳本加載20; 50值？

我的jsfiddle：http://jsfiddle.net/1gpqzaw6/1/

任何想法或建議？

謝謝。

Answer 1

而不是調用滑蓋

jQuery("#slider").slider({ 
    ... 

嘗試調用它像

jQuery("#slider").val("30;50").slider({ 
    ... 

這樣你可以從<input>標籤去除value屬性和啓動滑塊之前編程設定的值。

Answer 2

只需使用下面的代碼在文檔準備

$("#slider").slider("value",val1,val2); 

在我的情況，我用復位鍵和右鍵單擊功能

function sliderreset() 
    { 
     $("#slider").slider("value",val1,val2); 

    }