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

【问题标题】：How to set jslider default pointers programmatically on page load如何在页面加载时以编程方式设置 jslider 默认指针
【发布时间】：2014-09-24 08:43:31
【问题描述】：

我正在使用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/

有什么想法或建议吗？

谢谢。

【问题讨论】：

标签： javascript jquery jquery-plugins jslider jquery-slider

【解决方案1】：

而不是用

调用滑块

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

试着这样称呼它

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

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

【讨论】：

【解决方案2】：

只需在准备好的文档上使用以下代码

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

在我的例子中，我使用了重置按钮和点击功能

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

    }

【讨论】：