Question

我在使用jQuery Slider plugin脚本是我的HTML＆amp; 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({
    ...

这样，您可以从value标记中删除<input>属性，并在启动滑块之前以编程方式设置值。

Answer 2

只需在文档准备就绪上使用以下代码

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

在我的情况下，我使用了重置按钮和点击功能

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

    }

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

2 个答案: