大佬教程收集整理的这篇文章主要介绍了jQuery UI滑块固定值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要“0,25,50,100,250,500”作为唯一的数量,人们可以滑动,但无法解决如何完成。把它们放在“价值”部分似乎什么都不做。
<script type="text/javascript"> $(function() { $("#slider-range").slider({ range: true,min: 0,max: 500,values: [100,250],slide: function(event,ui) { $("#amount").val('Miles: ' + ui.values[0] + ' - ' + ui.values[1]); } }); $("#amount").val('Miles: ' + $("#slider-range").slider("values",0) + ' - ' + $("#slider-range").slider("values",1)); }); </script>
我将提供一个可能值的数组,将滑块更改为在该数组的范围内映射,然后将您的演示文稿位更改为从相应的数组元素中读取。
范围滑块:多拇指版本
$(function() { var valMap = [0,25,50,100,250,500]; $("#slider-range").slider({ min: 0,max: valMap.length - 1,values: [0,1],ui) { $("#amount").val('Miles: ' + valMap[ui.values[0]] + ' - ' + valMap[ui.values[1]]); } }); $("#amount").val('Miles: ' + valMap[$("#slider-range").slider("values",0)] + ' - ' + valMap[$("#slider-range").slider("values",1)]); });
范围滑块:单拇指版本
$(function() { var valMap = [0,40,63,90,110,125,140,160,225,250]; $("#slider-range").slider({ min: 1,value: 0,ui) { $("#amount").val(valMap[ui.value]); } }); //$("#amount").val(valMap[ui.value]); })
;
最小html:
<input type="text" id="amount" value="40" /> <div id="slider-range"></div>
以上是大佬教程为你收集整理的jQuery UI滑块固定值全部内容,希望文章能够帮你解决jQuery UI滑块固定值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。