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。我知道爲什麼這不起作用，但是有沒有類似於我的解決方案？

有無論如何在滑塊對象內創建一個新的變量？

Answer 1

是的，你可以使用jQuery's data()任意數據分配給一個元素：

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

，然後進行檢索：

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