如何在页面加载时以编程方式设置jslider默认指针

Question

我正在使用jQuery Slider插件脚本，这是我的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);

    }