如何记住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/

10-11 12:49
查看更多