提问者:小点点

限制引导范围滑块拖动器停留在相同的值上


我正在我的一个项目中使用引导范围滑块。我需要做的是不允许左右拖动器在相同的值上。有谁能给我一个提示,怎样才能做到这一点?引导滑块可以在这里看到:http://www.eyecon.ro/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://jsfidle.net/trevordowdle/fzd67/1/

可以用来工作的东西。