Question

因此，当用户滚动以及滑块完成的位置（滑块的结束位置）时，我可以获取滑块的值。我可以在localstorage中存储这两个值但是我无法修复滑块位置并在刷新时反映出来;它每次都会重置。

我已经检查了相关文档，但无法找到有关滑块状态持久性的信息。在我下面的编码器中，您可以看到我在移动时存储滑块的值以及在两个输入感觉中的完成位置。他们坚持使用本地存储刷新。

Codepen：https://codepen.io/anon/pen/pLovRV?editors=1011

存储滑块结束位置的功能：

var sliderEndPosition = function(){
 $pv.prop("value", finishValue);
 localStorage.setItem( 'SliderEndPosition', finishValue);
}; 

(function () { 
 from = 0;
 $pv.prop("value", 0);
 if (localStorage.getItem("SliderEndPosition"))  {
 $pv.prop("value", localStorage.getItem("SliderEndPosition"));
 from = $pv.prop;
 }
  })();

有没有办法可以连接存储的值，即使在刷新后也可以永久地反映滑块的位置？

Answer 1

看起来配置对象的“from”属性需要是字符串或数字。相反，它获取Jquery dom对象。

更改它，如下所示：from: localStorage.getItem("StoreMinutes"),

Answer 2

我想出来了。在离子滑块中，您可以使用OnUpdate回调获得最终值。我能够获取此值并将其存储到变量中。然后在滑块的配置中，我指定了from值（这是滑块结束的位置）等于变量。因此，只要滑块结束，此变量就会在离子滑块设置中更新和更改，并在刷新后保持不变。

如何在本地存储中存储离子范围滑块POSITION？

2 个答案: