Question

我正在使用jquery UI滑块，它运行正常。但是，如果我刷新页面，滑块将返回默认值，而不是保留选定的值。请帮我解决这个问题。

使用Javascript：

 var selected = $( "#selectedValue" ).html();

    $("#valueSlider").slider({
        min: 0,
        max: 100,
        range: "min",
        slide: function( event, ui ) {
            $('#selectedValue').html(ui.value);
            selected = ui.value;
        },
        value: selected,
    });
    $('#selectedValue').html($( "#valueSlider" ).slider( "value" ));

HTML：

<div class="valueSliderContainer">
                <label>
                    Value: <span id="selectedValue">45</span>                                           
                    <div id="valueSlider"></div>
                </label>
</div>

Answer 1

除非您将所选值放在存储中，例如客户端存储，例如cookie等，否则您的滑块将被设置回默认值。（这就是令人耳目一新的）

使用cookies并在此处设置值是一个很好的教程

http://www.w3schools.com/js/js_cookies.asp

如果我们刷新页面，Jquery UI滑块不会保留所选值

1 个答案: