jquery-ui - jQuery UI 范围 slider 错误?

标签 jquery-ui slider

我在 jQuery UI slider 方面遇到了一个有趣的问题。我需要从 sript 中分配其最小值和最大值,并且正在执行以下操作

$("#sliCSSHt").slider('values',[minh,maxh]);
$("#sliCSSHt").slider('refresh');

当 minh = maxh 时就会出现问题。 MIN 按钮似乎位于 max 按钮的顶部。然后尝试增加最大值的无辜用户发现 slider 变得无响应,因为他/她实际上将最小按钮拖动到最大按钮的当前位置之外。如果可以采取任何措施来解决这个问题怎么办?

我正在使用 jQuery UI 1.91 和 jQuery 1.82 - 我无法选择升级到 jQuery 1.9,因为我使用的插件使用的浏览器对象现已从 jQuery 中取出。

最佳答案

您始终可以阻止 slider 重叠。类似的东西

$( "#sliCSSHt" ).on( "slide", function( event, ui ) {
    if(ui.values[0]+10 > ui.values[1])  
       return false;
} );

http://jsfiddle.net/c934g/5/

更新 此错误已在最新的 jquery-ui

中修复

使用最新的jquery-ui文件http://code.jquery.com/ui/1.10.3/jquery-ui.js它可以工作。

http://jsfiddle.net/c934g/7/

关于jquery-ui - jQuery UI 范围 slider 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16987473/

相关文章:

css - 子 CSS 类(两个 slider 但需要不同的 css 规则)

javascript - V-for 迭代破坏了样式

jquery - 如何使图像 slider 自动播放?

javascript - 为什么我的表单中的值没有传递到 Google 代码?

javascript - jQuery Draggable 放置后不可拖动

javascript - 如何使用 Youtube JS api 控制多个 Youtube 视频的播放?

jQuery UI 自动建议选择问题

javascript - 如何减小 jQuery UI 的大小?

jquery - 如何在初始化后动态更改按钮的 jQueryUI 图标?

javascript - 使用 jquery 从 .cshtml 页面调用 Controller 操作