jQuery.uiのハンドルに値の文字列を追加する

Question

だから閉じる！なぜこのコードは動作しないのですか？最初のスライドでは新しい値（2）が得られますが、同じメッセージは「恐ろしい」ままです。その後、メッセージがすべて1つの位置に戻ってくることを除いて、うまく動作します。それは私を怒らせている！

もちろん

var messages = { 
    1: "terrible", 
    2: "okay", 
    3: "better", 
    4: "great", 
    5: "super!" 
}; 

initialValue = 1 

var messageUpdate = function(event, ui) { 
    var curValue = ui.value || initialValue; 
    var message = '<div id="out">' + (messages[$('#slider').slider('value')]) + '</div>'; 
    $('.ui-slider-handle').html(message); 
} 

$("#slider").slider({ 
    value: initialValue, 
    min: 1, 
    max: 5, 
    step: 1, 
    create: messageUpdate, 
    slide: messageUpdate 
}); 

Answer 1

は、できるだけ早くあなたは黒と白で、ここでそれを見るように、それは明らかになった：私は自分のコードを使用していませんでした

var curValue = ui.value || initialValue; 
var message = '<div id="out">' + (messages[curValue]) + '</div>'; 

！