Обновить 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();
}

текст () документация

Answer 2

вам нужно использовать html (), а не append (), append добавляет значение в конце данного элемента, html устанавливает innerHtml для данного элемента.

$ ('# current_value'). Html ('Значение равно' + ui.value) .fadeIn ();

Answer 3

Если я вас правильно понял, вы должны:

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