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

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 等，否则您的滑块将设置回默认值。（这就是刷新的作用）

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

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