Question

我相信我已经为这件事正确地拉了一切。只是试图让我的滑块保持在页面加载的最后位置。

我将滑块值传递给隐藏字段，然后在页面重新加载时使用该字段，但是当保存功能显示正确的值并保存到数据库时，相同的隐藏值不可用于重装。

滑块名为＆＃34; superSlider＆＃34;，其值为＆＃34; sliderAmount＆＃34;，隐藏的字段ID为＆＃34; hiddenMoney＆＃34;。

我用startSlider调用它来使用on-load方法实现它。

进一步保存功能是我用来在数据库中存储值而不是在页面上重新呈现的一部分（至少我不这么认为）。

帮助将不胜感激。：）

function startSlider(){
        $("#superSlider").slider({
            range: "max",
            min: 0,
            max: 1000,
            step: 100,
            value: ($('#hiddenMoney').val() || 0),
            change: function( event, ui ) {
                $( "#sliderAmount" ).val(ui.value );
            }
        });
     alert('hidden value is: ' + $('#hiddenMoney').val());
     $("#sliderAmount").val($("#superSlider").slider("value"));
  }

$(document).ready(function(){
          $(".Save").click(function(){
              $('#hiddenMoney').val($("#superSlider").slider("value"));
              alert('hidden money value set to: ' + $('#hiddenMoney').val());
              var moneyAmt =  $( "#superSlider" ).slider( "value" );
              saveSlider(moneyAmt);
          });    
      });

Answer 1

您想要查看localStorage.setItem()和localStorage.getItem()。

您将在文档就绪函数内部使用localStorage.getItem()检索值，并使用localStorage.setItem()将其保存为startSlider中更改函数的一部分。

请记住localStorage保存并检索为字符串数据类型。在检索值时使用parseInt()或parseFloat()是一种好习惯，以确保获得一个数值以保持jQuery滑块函数的快乐。如果在检索变量后对变量执行某些数学运算，它还会为您节省许多麻烦。

在Reload上保留jQuery Slider值

1 个答案: