jquery - JQuery UI 滑块范围

Question

我正在使用具有非线性值的 JQuery 滑块小部件。基本上，我的滑块设置是这样的

function configSlider(p_propertyName, p_sliderSteps) {

var slider_values = p_sliderSteps.split(',');

//build slider
var slider_selector = "#slider_" + p_propertyName;

var slider = $(slider_selector).slider({
    value: 0,
    min: 0,
    max: slider_values.length,
change: function (event, ui) {
        calculateSomething(
            $('#slider1').slider_values[$('#slider1').slider('value')],
            $('#slider2').slider_values[$('#slider2').slider('value')], 
            $('#slider3').slider_values[$('#slider3').slider('value')]);
    },
}

var slider_values 具有滑块的实际值。我需要将另外两个滑块的值也传递到上面的 calculateSomething 中。我知道为什么这行不通，但有没有类似于我的解决方案？

无论如何要在滑块对象中创建一个新 var 吗？

Answer 1

是的，您可以使用jQuerydata()将任意数据分配给元素：

$("#slider1").data("slider_values", slider_values);

然后，检索它：

var slider1Values = $("#slider1").data("slider_values");