如何记住JQuery滑块中的值并将它们设置为页面更改时用户选择的值?
我使用的是JQuery滑块,当单击一个按钮时,将加载一个新页面,并且这些滑块也在该页面上。当该页面加载时,我需要将滑块设置为上一页选择的相同值。当用户返回上一页时,我还需要保留这些值。
目前,它只是重置为我设置的默认值。
单击按钮后,我将值存储在会话中
Session["TermYears"] = hdYears.Value.ToString();
但是我不知道在使用JQuery加载页面时如何设置值。
我有一个隐藏的领域
<asp:HiddenField ID="hdCover" runat="server" />
我的代码如下
$(function () {
$("#coverAmountSlider").slider({
range: "min",
value: 150000,
min: 5000,
max: 1000000,
step: 1000,
slide: function (event, ui) {
$("#amount").val("£" + ui.value);
$("#hdCover").val(ui.value);
}
});
$("#amount").val("£" + $("#coverAmountSlider").slider("value"));
$("#hdCover").val($("#coverAmountSlider").slider("value"));
});
我想尽可能避免使用Cookie。
最佳答案
我建议使用localStorage
。您可以使用Javascript轻松设置/获取值。
也许尝试这样的事情:
// Set the localStorage value
$("#coverAmountSlider").slider({
... // Your current options
stop: function (event, ui) {
localStorage["sliderValue"] = ui.value;
}
});
现在,您可以从任何页面检索该值:
// Get the localStorage value from a different page
var sliderValue = localStorage["sliderValue"];
$("#differentSlider").slider("value", sliderValue);
localStorage
浏览器兼容性(MDN):铬4+
Firefox 3.5+
IE8 +
Opera 10.40+
Safari 4+
关于asp.net - jQuery滑块-记住页面ASP.net之间的值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14897231/