存储 UI Slider 的值

Question

在几本教程书籍和在线帮助上花费数小时后，我无法弄清楚我的问题。在这里，我尝试使用 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"/>

Answer 1

你的函数show()应该返回一个值：

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