javascript – 如何使jQuery UI滑块捕捉到预定义的值?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使jQuery UI滑块捕捉到预定义的值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在jQuery UI中有一个滑块,我有一些用户可以选择的预定义值.但是,现在,它只是从1-60开始,而不是使用我的值.我有以下数字:
1,3,5,15,30,60

这是我的代码

@H_502_8@$(document).ready(function(){ var valMap = [1,60]; $("#resolution-slider").slider({ min: 1,max: 60,values: [2],slide: function(event,ui) { $("#resolution").val(ui.values[0]); $(".resolution-preview").html(ui.values[0]); } }); });

如何使滑块捕捉到valMap中的值?

最佳答案
为什么不这样做:

@H_502_8@$(document).ready(function(){ var valMap = [1,60]; $("#resolution-slider").slider({ max: valMap.length - 1,// Set "max" attribute to array length min: 0,ui) { $("#resolution").val(valMap[ui.values[0]]); // Fetch selected value from array $(".resolution-preview").html(valMap[ui.values[0]]); } }); });

猜你在找的jQuery相关文章