提交jquery后保存位置滑块

问题描述

我想在提交后保存滑块的位置，但我不知道该怎么做。当我提交表单时，滑块重置位置。我有 2 个输入（最小值和最大值），当我在两者上都加上值时，滑块移动但是当我提交时，值被保存但滑块重置了他的位置。对不起我的英语before submission / after submission

 // 2 sliders
var $slider = $("#slider-range");
//Get min and max values
var priceMin = $slider.attr("data-price-min"),priceMax = $slider.attr("data-price-max");


//Set min and max values where relevant
$("#price-filter-min,#price-filter-max").map(function(){
$(this).attr({
    "min": priceMin,"max": priceMax
});
});
$("#price-filter-min").attr({
"placeholder": "min " + priceMin,// "value": priceMin
});
$("#price-filter-max").attr({
"placeholder": "max " + priceMax,// "value": priceMax
});

$slider.slider({
range: true,min: Math.max(priceMin,0),max: priceMax,values: [priceMin,priceMax],slide: function(event,ui) {
 $("#price-filter-min").val(ui.values[0]);
 $("#price-filter-max").val(ui.values[1]);
},});

$("#price-filter-min,#price-filter-max").map(function(){
$(this).on("input",function() {
    updateSlider();
});
});
function updateSlider(){
$slider.slider("values",[$("#price-filter-min").val(),$("#price-filter-max").val()]);
}
});

解决方法

为什么不使用 sessionStorage？？表单提交后

sessionStorage.setItem("value",yourvalue);

然后你可以在重新加载页面时检查是否有值

var slidervalue;
if(sessionStorage.getItem('value') != '' && sessionStorage.getItem('value') != undefined){
   slidervalue = parseInt(sessionStorage.getItem('value'))
} else {
   slidervalue = yourminvalue;
}