当前位置: 首页 > 知识库问答 >
问题:

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

任繁
2023-03-14

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

多谢了。

共有1个答案

耿弘阔
2023-03-14
$(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/

可以用来工作的东西。

 类似资料:
  • 我有一个960x540窗口,我正在使用OpenGL创建。在这里渲染一个纹理,并使用imgui实现一个滑块,让我在运行时翻译x、y和z位置。 首先,我设置滑块默认值。 稍后,在我的循环中,只要窗口打开,就会逐帧渲染对象的位置,我将ImGui::SliderFloat3和v\u min参数设置为窗口的尺寸。似乎所有3个滑块x、y和z都使用这些值,但是否有方法为每个滑块设置范围?正如你所看到的,我的y轴

  • 我正在尝试定制一个范围滑块根据我的需要我几乎在那里除了它的方向,目前它是水平对齐的,应该是垂直的。 我尝试添加和以及 不走运。 当前代码库如下:Style 标记 是不是我漏了什么?如有任何帮助,我们将不胜感激。谢谢

  • 本文向大家介绍jQuery UI Library 范围滑块,包括了jQuery UI Library 范围滑块的使用技巧和注意事项,需要的朋友参考一下 示例 范围滑块提供2个可拖动的手柄以选择数值。滑块的初始化必须提供一个range选项集true来创建范围滑块:            

  • 我做了一个范围滑块位置垂直。但它没有反应。我签入了chrome默认移动设备。当调整范围滑块时,它将滚动页面 我已经在这里添加了我的代码。 null null

  • 返回由边界值 a 和 b 限定范围内的 num 。 如果 num 在限定范围内,则返回 num 。 否则,返回范围内最接近的数字。 const clampNumber = (num, a, b) => Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b)); clampNumber(2, 3, 5); // 3 clampNumber(1,

  • 问题内容: 上面的查询将返回前10个等级。 如何修改,或者是否存在另一种语法来查询第10位到第20位? 问题答案: 这真的是基本的东西。您应该使用: http://dev.mysql.com/doc/refman/5.5/en/select.html 两个参数10,10是(Offset,Limit),因此它将检索第11-20行。 9,11将需要获得第10-20名。