Javascript 存储UI滑块的值

在花了几个小时在几本教程和在线帮助上之后，我无法解决我的问题。在这里，我尝试使用localstorage对象存储UI滑块的值，它工作正常（我在每次加载页面时都会得到存储值），但UI滑块指针不会根据存储值移动 它在每次页面加载时将位置显示为零（0）

任何建议都会大有帮助

谢谢

<script>
$(function() {
  $( "#slider-range" ).slider({
        min: 0,
        max: 100,
        step:25,
    value:show(),
        change: function() {
                iremember();
          },
  stop: function( event, ui ) {
          $.post('volume.php', {volume: ui.value}, function(data) {
          });
          $('#volume').val(ui.value+' %');
        }
  });
});

function iremember()
{
var dataTosave=document.getElementById("volume").value
localStorage.setItem("intdata",dataTosave)
}

function show()
{
var dataToshow=localStorage.getItem("intdata")
document.getElementById("volume").value=dataToshow
}
</script>


html-----

<div class="def_class" id="slider-range"></div>
<input type="text" id="volume"/>

$（函数（）{
$（“#滑块范围”）。滑块({
分:0,，
最高：100，
步骤：25，
值：show（），
更改：函数（）{
i成员（）；
},
停止：功能（事件、用户界面）{
$.post（'volume.php'，{volume:ui.value}，函数（数据）{
});
$（'#volume'）.val（ui.value+'%'）；
}
});
});
函数i成员（）
{
var dataTosave=document.getElementById（“卷”）.value
setItem（“intdata”，dataTosave）
}
函数show（）
{
var dataToshow=localStorage.getItem（“intdata”）
document.getElementById（“卷”）.value=dataToshow
}
html-----

您的函数

show（）

应该返回一个值：

function show() {
   var dataToshow=localStorage.getItem("intdata");
   document.getElementById("volume").value=dataToshow;
   return parseInt(dataToshow);
}

---

可能重复谢谢你的回复。我在代码中做了同样的更改。但是UI滑块指针现在被锁定了：（谢谢，我已经更新了我的答案。因为你存储了一个字符串，例如“30%”，它必须转换成一个数字。我第一次就错过了。它工作得很有魅力。你真是太棒了。非常感谢你：）