Wie setze ich jQuery Schieberegler Wert in der Mitte

Question

Ich benutze jQuery Slider (http://api.jqueryui.com/slider/) für Slider-Element. Standardmäßig bleiben die Min- und Max-Werte am Anfang und Ende des Schiebereglers. Nachdem der Benutzer einen Schieberegler verschoben hat und irgendwo dazwischen einen niedrigeren Wert hat, wird die Seite aktualisiert, der niedrigere Wert zeigt jedoch weiterhin auf den Anfang. Ich möchte es dort behalten, wo der Benutzer es vor der Seitenaktualisierung ausgewählt hat. Wie kann das mit diesem jQuery Slider erreicht werden?

Answer 1

Vielleicht kann dieser Code Ihnen helfen, dieses Verhalten

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

} zu erreichen);

Answer 2

Speichern Sie den Wert in Session oder Cookie und setzen Sie dann den Standardwert Ihres Sliders entsprechend Ihrem gespeicherten Wert.

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