如何在本地存儲中存儲離子范圍滑塊POSITION？

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

看起來config對象的“ from”屬性需要是字符串或數字。 相反，它獲取Jquery dom對象。

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

Answer 2

我想通了。 在ion滑塊中，您可以通過OnUpdate回調獲得最終值。 我能夠獲取此值並將其存儲到變量中。 然后，在滑塊的配置中，我指定了from值（這是滑塊結束的位置）以等於變量。 因此，無論何時滑塊結束，此變量都會在離子滑塊設置中更新和更改，並在刷新后保持不變。