如何在中间设置jQuery滑块值答案

【问题标题】：How to set jQuery slider value in the middle如何在中间设置jQuery滑块值
【发布时间】：2017-02-22 06:58:45
【问题描述】：

我正在使用 jQuery Slider (http://api.jqueryui.com/slider/) 作为滑块元素。默认情况下，最小值和最大值保留在滑块的开始和结束处。在用户移动滑块并在其间某处取较低值后，它会刷新页面，但较低的值仍指向开始。我想将它保留在用户在页面刷新之前选择它的位置。使用这个 jQuery 滑块如何实现这一点？

【问题讨论】：

向我们展示您的代码。

标签： jquery uislider

【解决方案1】：

也许这段代码可以帮助你实现这种行为

Link to jsfiddle

$(document).ready(function(){
var sliderValue = 0;
if(localStorage.getItem("slider-value") !== undefined && localStorage.getItem("slider-value") !== ""){
    sliderValue = localStorage.getItem("slider-value");
}

$("#slider-value").text(sliderValue);

$( "#slider" ).slider({
        value: sliderValue,
        slide: function( event, ui ) { 
            $( "#slider-value" ).html( ui.value ); 
            localStorage.setItem("slider-value", ui.value);
        }
});

});

【讨论】：

【解决方案2】：

将值存储在 Session 或 Cookie 中，然后根据您存储的值设置滑块的默认值。

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

【讨论】：