jqueryui滑块不一致

这个jquery UI滑块没有正确显示所选选项的标签，我遇到了一个问题。下面带有我当前代码的滑块首先显示第一个选项，这是我所期望的，但是在使用滑块选择另一个选项后，返回到第一个选项，它显示为第二个数组选项，而不是第一个

它也不是在一次清晰的滑动中显示所有选项；相反，它显示前三个数组字符串，然后停止，然后当您返回一个选项时，它显示数组中的第四个也是最后一个字符串。过去一个小时我一直在玩弄它，但还没有找到任何解决办法。我有办法解决这个问题吗

代码：

---

只要换张幻灯片就行了

$(function() {
    var valMap = [1.5, 2.5, 5.5, 10.5];
    $("#slider").slider({
        min: 0,
        max: 3,
        value: 0,
        change: function(event, ui) {                        
            $("#amount").val('$' + valMap[$("#slider").slider("value")] + '0');
        }       
    });
    $("#amount").val('$' + valMap[$("#slider").slider("value")] + '0');
});

滑块值更改后调用更改回调，而滑块回调用于鼠标移动，但可能在值更改之前调用

尽管slider文档没有说明，但我相信您可以将回调中的一行缩短为：

$("#amount").val('$' + valMap[ui.value] + '0');

---

只要换张幻灯片就行了

$(function() {
    var valMap = [1.5, 2.5, 5.5, 10.5];
    $("#slider").slider({
        min: 0,
        max: 3,
        value: 0,
        change: function(event, ui) {                        
            $("#amount").val('$' + valMap[$("#slider").slider("value")] + '0');
        }       
    });
    $("#amount").val('$' + valMap[$("#slider").slider("value")] + '0');
});

滑块值更改后调用更改回调，而滑块回调用于鼠标移动，但可能在值更改之前调用

尽管slider文档没有说明，但我相信您可以将回调中的一行缩短为：

$("#amount").val('$' + valMap[ui.value] + '0');

---

太棒了，谢谢；那正是我要找的！编辑：也谢谢你的缩短部分！另一个选项是，如果您希望它在幻灯片中更新，则使用幻灯片回调，但通过ui.value获取值。太棒了，谢谢；那正是我要找的！编辑：也谢谢你的缩短部分！另一个选项是，如果希望它在幻灯片中更新，则使用幻灯片回调，但通过ui.value获取值。