Сохранение значения jQuery Slider при перезагрузке - PullRequest
Новая
       6

Сохранение значения jQuery Slider при перезагрузке

0 голосов
/ 23 мая 2018

Мне кажется, я все правильно вытащил для этогоПросто пытаюсь заставить мой ползунок остаться там, где он был в последний раз при загрузке страницы.

Я передаю значение ползунка в скрытое поле, затем использую это поле при перезагрузке страницы, но пока функция сохранения показываетправильное значение и сохранение в БД, то же самое скрытое значение недоступно при перезагрузке.

Ползунок называется «superSlider», его значение равно «sliderAmount», а идентификатор скрытого поля - «hiddenMoney».

Я вызываю его с помощью startSlider, чтобы реализовать его с помощью методов загрузки.

Сохранение функциональности ниже - это то, что я использую для хранения значений в БД и не является частьюэтот повтор со страницей (по крайней мере, я так не думаю).

Помощь будет принята с благодарностью.:) 

function startSlider(){
        $("#superSlider").slider({
            range: "max",
            min: 0,
            max: 1000,
            step: 100,
            value: ($('#hiddenMoney').val() || 0),
            change: function( event, ui ) {
                $( "#sliderAmount" ).val(ui.value );
            }
        });
     alert('hidden value is: ' + $('#hiddenMoney').val());
     $("#sliderAmount").val($("#superSlider").slider("value"));
  }

$(document).ready(function(){
          $(".Save").click(function(){
              $('#hiddenMoney').val($("#superSlider").slider("value"));
              alert('hidden money value set to: ' + $('#hiddenMoney').val());
              var moneyAmt =  $( "#superSlider" ).slider( "value" );
              saveSlider(moneyAmt);
          });    
      });

1 Ответ

0 голосов
/ 23 мая 2018

Вы захотите посмотреть localStorage.setItem() и localStorage.getItem().

Вы получите значение с localStorage.getItem() внутри вашего документа, готовогои сохраните его с помощью localStorage.setItem() как часть функции изменения внутри startSlider.

Имейте в виду, что localStorage сохраняет и извлекает как строковый тип данных.При извлечении значения рекомендуется использовать parseInt() или parseFloat(), чтобы получить числовое значение, чтобы функция слайдера jQuery была довольна.Это также избавит вас от многих головных болей, если вы выполните определенные математические операции с переменной после ее получения.

...