如何在页面加载时以编程方式设置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); 

    }