중간에 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

세션 또는 쿠키에 값을 저장 한 다음 저장된 값에 따라 슬라이더의 기본값을 설정하십시오.

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