0

我正在尝试使用滑块设置范围。如果两个游标没有在相同的值中重叠,我会更喜欢。换句话说,当最小值滑块和最大值滑块彼此相邻时,如何让滑块冻结并保持不动。有任何想法吗?先感谢您。

4

3 回答 3

0

当它们即将发生碰撞时从幻灯片函数返回 false 似乎有效:http: //jsbin.com/eyoge3/3

来自 jsbin 的代码:

slide: function(event, ui) {
    var oldMin = $("#slider").slider("values", 0);
    var oldMax = $("#slider").slider("values", 1);
    var newMin = ui.values[0];
    var newMax = ui.values[1];

    if( oldMin != newMin && newMin == oldMax )
      return false;
    else if( oldMax != newMax && newMax == oldMin )
      return false;
}
于 2010-08-20T11:12:12.107 回答
0

昨天在做自定义样式的滑块时,我正在寻找解决方案。

我发现没有任何效果,然后我自己想出了一个简单的方法:

1.将滑块放入带有左右填充的容器div中

<div class="slider-container">
  <div class="slider-main ..."></div>
</div>

2.设置样式

-container(左右填充到一半滑块手柄宽度)滑块

-handle(左边距到其宽度的负一半)

像这样的东西(我是凭记忆写的)

<style>
  .slider-container {
    padding-left: 8px;
    padding-right: 8px;
  }
  .slider-handle {
    width: 16px;
    margin-left: -8px;
  }
</style>

您还应该从slider-main 中删除样式并将其从那里移动到slider-container

于 2013-01-11T23:34:48.893 回答
0

jQuery UI 滑块范围扩展

我需要类似的东西,所以我在现有的 jQuery UI 滑块插件/小部件上编写了一个扩展。这些是此扩展支持的附加选项:

  • 最小和最大范围大小 - 最小范围大小正是您所追求的
  • 限制范围下限和上限边界值 - 这将设置下限边界句柄的最大值和上限边界句柄的最小值
  • 自动范围滑动 - 这允许拖动(任何)手柄超过最大范围大小的限制,这反过来又拖动另一个手柄。

您可以在我的博客上获取代码(它已更新,因此我不会直接在此处发布)。

于 2011-08-19T11:48:51.220 回答