javascript - JQuery UI slider 拖动到 100 时显示错误值(显示 0)

Question

我创建了一个 JQuery UI slider 并使用了更改和滑动事件。问题是当添加幻灯片事件并将 slider 拖动到 100 时，该值显示为 0 而不是 100。

在这里摆弄:http://jsfiddle.net/nrNX8/524/

var total;
var s = $("#slider").slider({
  value: 0,
  min: 0,
  max: 500,
  step: 100,
  change: function(event, ui) {
    $('#select').val(s.slider('value'));
  },
  slide: function(event, ui) {
    $('#select').val(s.slider('value'));
  },
});
$('#up').click(function() {
  s.slider('value', s.slider('value') + s.slider("option", "step"));
  $('#select').val(s.slider('value'));
});

$('#down').click(function() {
  s.slider('value', s.slider('value') - s.slider("option", "step"));
  $('#select').val(s.slider('value'));
});

$('#select').change(function() {
  s.slider('value', $(this).val());
});

Answer 1

问题是当 slide 事件被触发时，值实际上还没有改变，这意味着 s.slider('value') 仍然是设置时为零。

使用传递给 slide 回调的值，而不是 slider 上当前设置的值。换句话说，您应该在 slide 回调中将 s.slider('value') 更改为 ui.value:

Updated Example

slide: function( event, ui ) {
    $('#select').val(ui.value);
},

引用:jQuery UI slide( event, ui )