JQuery UI Slider, вывод с несколькими значениями

Question

Я пытаюсь настроить ползунок для отображения нескольких значений, причем один из них является стандартным номером, а другой - результатом значения из массива.

http://jsfiddle.net/YKBRWC/7B5jK/1/

Я хотел бы значения в ручке, чтобы быть стандартными 1-100, но значения внизу, чтобы соответствовать пользовательской массив, который я определил бы.

Другими словами, как бы я связать

$("#amount").html(value); 

, чтобы из массива что-то вроде:

[1=15,2=23,3=26,4=32,5=39] 

и т.д.?

Answer 1

Вы имеете в виду что-то вроде этого?

http://jsfiddle.net/EvPTj/5/

var ageInput = $("#ageInput"), 
    initialValue = 1, 
    values = []; 

values = ['',15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39,15,23,26,32,39]; 

var updateSliderValue = function (e, ui) { 
    var slider = $(this).data().slider; 
    var index = ui.value || 0; 
    if (index) { 
     $("#amount").html(index + "=" + values[index]); 
     slider.element.find(".ui-slider-handle").text(slider.value()); 
    } 
}; 

var value = $("#slider").slider("value"); 
$("#amount").html(value); 


ageInput.slider({ 
    min: 0, 
    max: 100, 
    slide: updateSliderValue, 
    create: updateSliderValue, 
    value: initialValue 
}); 

аф