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);
}

存储UI Slider的值

1 个答案: