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

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

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

这是我的代码

$(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中的值?

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

$(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相关文章