中央のjQueryスライダの値を設定する方法

Question

スライダ要素にjQueryスライダ（http://api.jqueryui.com/slider/）を使用しています。デフォルトでは、最小値と最大値はスライダーの開始と終了のままです。ユーザーがスライダーを動かし、その間のどこかで低い値をとった後は、ページを更新しますが、低い値は開始点を示します。私は、ページをリフレッシュする前にユーザーがそれを選択した場所に保存したい。このjQueryスライダでどのように実現できますか？

Answer 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); 
     } 
}); 

}）;

Answer 2

セッションまたはCookieに値を格納し、保存された値に従ってスライダのデフォルト値を設定します。

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