Bootstrap Slider - Как предотвратить пересечение / переворачивание ручек управления на слайде - PullRequest
Новая
       25

Bootstrap Slider - Как предотвратить пересечение / переворачивание ручек управления на слайде

1 голос
/ 03 июля 2019

Мне нужно применить ограничение для обеих ручек ползунка в элементе управления диапазоном ползунка загрузчика-ползунка, т.е. не пересекают друг друга ... как пользовательский интерфейс слайдера jquery, который обеими ручками останавливает поведение элемента управления ползунком, и никогда пересекаться.

Я пытаюсь установить значение и вернуть false, но не работает 

        $(this).slider({
                formatter: function(slidervalue) {
                    return '$' + slidervalue;
                },
                min: parseFloat($(this).attr('data-slider-min')),
                max: parseFloat($(this).attr('data-slider-max')),
                range: $(this).attr('data-slider-range'),
                value: slidervalue,
                tooltip_split: $(this).attr('data-slider-tooltip_split'),
                tooltip: $(this).attr('data-slider-tooltip'),
                tooltip_position: 'bottom'
            });
            $(this).on("slide", function(slideEvt) {
                var rangeVal = $(this).val();
                var splitRange = rangeVal.split(',');
                var check0 = splitRange[0];
                var check1 = splitRange[1];
                 if (check0 == check1) {
                    $(this).slideStop();

                }
           });

У меня есть codepen.io с примером

https://codepen.io/alonsoct00/pen/xojLdE

Спасибо за вашу помощь

...