Jquery UI Slider，多值输出

【问题标题】：Jquery UI Slider, multiple value outputJquery UI Slider，多值输出
【发布时间】：2014-03-31 11:41:39
【问题描述】：

我正在尝试将滑块配置为显示多个值，其中一个是标准数字输出，另一个是数组中值的输出。

我希望句柄中的值是标准的 1-100，但下面的值与我要定义的自定义数组相对应。

换句话说，我将如何链接

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

输出一个类似的数组：

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

等等？

【问题讨论】：

数组的代码是什么，你的小提琴应该在哪里显示它的值？
你试过用字典吗？例如。 { 1: 15, 2: 23, ... }
能否详细说明？

标签： javascript jquery html css jquery-ui

【解决方案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
});

【讨论】：

太棒了，正是我需要的！