大佬教程收集整理的这篇文章主要介绍了将jQuery滑块限制为另一个滑块的值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我需要根据另一个的值限制一个,以便它们不重叠.我想出了下面的代码.除了一个非常令人讨厌的问题之外,它还有效 – 当我拖动滑块时,当我还在拖动它们时它们会经过另一个滑块,只有在释放鼠标按钮时恢复到限制值.
纯粹是偶然的,我找到了添加ui@L_155_7@meunkNown方法(‘1’)的解决方案;下面的一行.
所以我的问题是,我能保持这条线而不会引起任何问题吗？
@H_502_18@<style type="text/css"> body{ font: 62.5% "Trebuchet MS",sans-serif; margin: 50px;} #slider1 .ui-slider-range { BACkground: #8ae234; } #slider2 .ui-slider-range { BACkground: #729fcf; } #sliderContainer{ width: 400px; margin: 6px 0px; } </style> </head> <body> <!-- Slider --> <div id="sliderContainer"> <div id="slider1"></div> </div> <div id="sliderContainer"> <div id="slider2"></div> </div> <span id="txt">-</span> <span id="txt2">-</span> <script> $(function(){ $("#slider1").slider({ orientation: "horizontal",range: "max",max: 255,value: 50,slide: refresh1,change: refresh1 }); $("#slider2").slider({ orientation: "horizontal",value: 30,slide: refresh2,change: refresh2 }); }); function refresh1(e,ui) { var slider2 = $("#slider2"); var v1 = ui.value; var v2 = slider2.slider('value'); if(v1 < v2) { $("#slider1").slider('value',v2); //This is the line that "saves the day" ui@L_155_7@meunkNownmethod('1'); } $("#txt").text(v1); } function refresh2(e,ui) { var slider1 = $("#slider1"); var v1 = slider1.slider('value'); var v2 = ui.value; if(v2 > v1) { $("#slider2").slider('value',v1); //This is the line that "saves the day" ui@L_155_7@meunkNownmethod('1'); } $("#txt2").text(v2); } </script> </body>
编辑：不要使用抛出未处理的异常的方法 – 它当然可以在大多数浏览器中工作,除了旧的IE浏览器会在遇到的每个错误时显示一个消息框弹出窗口.这对用户来说非常烦人！
以上是大佬教程为你收集整理的将jQuery滑块限制为另一个滑块的值全部内容，希望文章能够帮你解决将jQuery滑块限制为另一个滑块的值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。