更新事件div

Question

我正在使用jquery滑块并使用append（）来更新值，但它会继续添加它，除非我在start事件中清空它。有没有办法我可以更新值而不是每次动作发生时都打印出来。我试过替换但没有运气。

start: function(event, ui){
    $('#current_value').empty();    
},
slide: function(event, ui){
    $('#current_value').fadeIn().append('Value is '+ui.value);
},

Answer 1

你可能想要像

这样的东西

slide: function(event, ui){
    $('#current_value').text('Value is '+ui.value);
    $('#current_value').fadeIn();
}

text()文档

Answer 2

你需要使用html（）而不是append（），append在给定元素的末尾添加值，html为给定元素设置innerHtml。

$（'＃current_value'）。html（'Value is'+ ui.value）.fadeIn（）;

Answer 3

如果我理解你，你应该：

var existing = $('#current_value').html();
$('#current_value').html(existing + ui.value).fadeIn();