限制 Bootstrap 范围滑块拖动器以保持相同的值答案

【问题标题】：Restrict Bootstrap range slider draggers to stay on the same value限制 Bootstrap 范围滑块拖动器以保持相同的值
【发布时间】：2023-03-29 13:50:01
【问题描述】：

我在我的一个项目中使用了 Bootstrap 范围滑块。我需要做的是不允许左右拖动器处于相同的值。谁能给我一个关于如何做到这一点的提示？ Bootstrap 滑块可以在这里看到：http://www.eyecon.ro/bootstrap-slider/

谢谢。

【问题讨论】：

你能分享到Bootstrap range slider的链接吗？或者分享一个小提琴？
抱歉，我已经用该插件的链接更新了我的问题。
所以你只是想制作它，所以滑块不能在相同的值上？或者你也不想让他们交叉？
我想限制它们保持相同的值。不过我希望他们交叉。

标签： jquery twitter-bootstrap slider

【解决方案1】：

$(document).ready(function(){
    $("#ex2").slider({});
    $('#ex2').slider()
      .on('slideStop', function(ev){
          var adjustValue1 = 15;
          var adjustValue2 = 0;
          if(ev.value[0] == ev.value[1]){
              if($('#ex2').data('slider-min') + adjustValue1 > ev.value[0]){
                  adjustValue1 = 0;
                  adjustValue2 = 15;
              }
              $('#ex2').slider('setValue',[ev.value[0]-adjustValue1,ev.value[1]+adjustValue2]);  // if equal change value
          }
      });
    $('#ex2').slider()
      .on('slide', function(ev){
          $('#left').text(ev.value[0]);
          $('#right').text(ev.value[1]);
      });
});

例子

http://jsfiddle.net/trevordowdle/fZD67/1/

可以解决的问题。

【讨论】：