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

Question

我在我的一个项目中使用Bootstrap范围滑块。我需要做的是不允许左右拖动器使用相同的值。任何人都可以告诉我如何做到这一点？可以在此处看到Bootstrap滑块：http://www.eyecon.ro/bootstrap-slider/

感谢。

Answer 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/

可以解决的问题。