为jQuery添加字符串值.ui处理

Question

太接近了!这段代码究竟为什么不能工作?在第一张幻灯片上，它得到了新的值(2)，但仍然保持同样的信息"糟糕"。之后就可以正常工作了，除了所有的信息都后退了一个位置。快把我逼疯了!

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>';

我没有使用自己的代码!