Bootstrap Slider - Обновить значение на слайде ИЛИ щелкнуть - PullRequest
Новая
       20

Bootstrap Slider - Обновить значение на слайде ИЛИ щелкнуть

0 голосов
/ 20 марта 2019

Я использую слайдер начальной загрузки на своем сайте, используя HTML и JavaScript (без Jquery).Он настроен так, как я хочу, с постоянными всплывающими подсказками и значениями и т. Д.

Однако я хочу сохранить значение, на котором пользователь заканчивает работу.У меня это работает до некоторой степени, ЕСЛИ пользователь скользит слайдер.Если пользователь нажимает на ползунок, он не обновляет значение.

Любой совет по отслеживанию любого вида взаимодействия?

HTML: 

<input id="sliderman1" type="text" data-slider-min="0" data-slider-max="4" data-slider-step="1" data-slider-value="2" data-slider-ticks="[0, 4]"/> 
<span id="sliderman1Value">3</span></span>

JS:

var values = ['None', 'Read', 'Speak', 'Test', 'Last'];
var formatter = (index) => values[index];

var slider = new Slider("#sliderman1", {formatter} );
slider.on("slide", function(sliderValue) {
document.getElementById("sliderman1Value").textContent = sliderValue;

});

1 Ответ

0 голосов
/ 20 марта 2019

Как насчет добавления прослушивателя событий onTouchEnd?

JS 

slider.on("onTouchEnd", function(sliderValue) {
   document.getElementById("sliderman1Value").textContent = sliderValue;
}

или добавление его непосредственно в слайдер: HTML 

<input ontouchend="myFunction(event)" ... />
...