停止jQuery UI滑块移动超过给定值
Stopping the jQuery UI slider from moving past a given value?
在我的页面上,我有几个滑块。它们都需要相同的规模,但有些达到150,有些达到200。我想将它们的最大值设置为200,但防止其中一些移动超过150。它们是不同的$().slider()调用,所以我只是对如何将滑块的最大值设置为200,但不允许任何超过150的移动感兴趣…
我认为这种行为是内在的,但显然不是?
仅供参考:我正在为这些滑块使用范围:"min"。
编辑
http://jsfiddle.net/D9nAx/1/
使用幻灯片事件:
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 200,
value: 60,
slide: function( event, ui ) {
if(ui.value> 150)
return false;
$( "#amount" ).val( ui.value );
}
});
小提琴:http://jsfiddle.net/dvz8E
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 200,
value: 60,
slide: slide
});
function slide(event, ui){
var result = true;
if (ui.value > 150){
$(this).slider( "value" , 150 );
result = false;
}
$( "#amount" ).val( $(this).slider( "value") );
return result;
}
http://jsfiddle.net/D9nAx/2/
相关文章:
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 停止jQuery UI滑块移动超过给定值
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- jquery移动对齐按钮取决于内容大小
- 如何在jquery中找到鼠标滚轮/触摸移动事件的走向
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- 将闪烁的图像从左向右移动 jquery
- 鼠标移动 jquery 上的多个转换
- 使用POST从PhoneGap,移动jQuery应用程序跨域脚本检测成功的html表单提交
- 移动.jQuery中的changepage不工作(白屏)
- 创建移动jQuery切换菜单
- 元素拒绝移动- jQuery .css
- 力“Tab"在元素内移动- Jquery/Javascript
- 实时图像大小调整和移动(JQuery)
- .click()和.trigger("click")都不能用于移动jquery图标按钮.我怎样才能解
- 如何重置移动JQuery表单
- 用鼠标移动jQuery自定义工具提示
- 移动 jquery onclick 不播放音频文件
- 移动jquery页面是不断加载,如果我把自定义参数在URL