Bootstrap ползунок изменяет значение метки при изменении (т. Е. Нажмите на ползунок вместо того, чтобы сдвинуть кнопку) - PullRequest
Новая
       45

Bootstrap ползунок изменяет значение метки при изменении (т. Е. Нажмите на ползунок вместо того, чтобы сдвинуть кнопку)

0 голосов
/ 04 апреля 2020

У меня есть вертикальный ползунок bootstrap, и я хотел бы установить значение метки при перемещении ползунка, нажимая на панель. 

         <form role="form" id="programEditForm">
            <div class="blueBorder col-lg-1 col-md-1 col-sm-1 col-xs-1">
                <label for="ex4" class="col-form-label text-left">Interval</label>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <input id="ex4" type="text" data-slider-min="5" data-slider-max="60" data-slider-step="5" 
                        data-slider-value="30" data-slider-orientation="vertical">
                    <label  id="ex4CurrentSliderValLabel"><span id="ex4SliderVal">30</span> m</label>               
                </div>
            </div>
        </form>

Это работает, когда вы перемещаете кнопку: 

$("#ex4").on("slide", function(slideEvt) {
    $("#ex4SliderVal").text(slideEvt.value);
});

Не работает, когда вы нажимаете на ползунок и кнопка перемещается в новое место. Я попытался: 

$("#ex4").change(function(slideEvt) {
    $("#ex4SliderVal").text(slideEvt.value);
});

Это возвращает "[объект объекта]".

Я также попытался: 

$("#ex4").on("slide", function(slideEvt) {
    $("#ex4SliderVal").text(slideEvt.value);
    alert($('#ex4').data('slider').getValue());
}).change(function() {
    $("#ex4SliderVal").text($('#ex4').data('slider').getValue());
});

, который работает для скольжения, и нет значения / ответ от нажатия в баре.

...