如何解决提交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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。