jquery - Bootstrap Slider - 如何防止滑块上的手柄控件交叉/翻转

Question

我需要在 bootstrap-slider 的滑块范围控件中应用两个滑块句柄的限制，即不要相互交叉......就像两个句柄停止滑动控制行为的 jquery 滑块 UI，并且永远不会交叉。

我尝试设置值并返回 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();

                }
           });

谢谢您的帮助

Answer 1

我在我的 codepen 示例中进行了更新，并得到它我更改了每个处理程序的 bgcolor 以使其更加可见

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

$(this).attr('data-slider-tooltip_split'),