如何使jQuery UI滑块捕捉到预定义的值？ [英] How do I make jQuery UI slider snap to predefined values?

问题描述

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

I have a slider in jQuery UI where I have some predefined values that the user can choose. However, right now, it just goes from 1-60 and not using my values. I have the following numbers: 1,3,5,15,30,60

这是我的代码：

$(document).ready(function(){
    var valMap = [1,3,5,15,30,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中捕捉到我的值？

How can I make the slider snap to my values in valMap?

推荐答案

为什么不这样做：

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

这篇关于如何使jQuery UI滑块捕捉到预定义的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！