jQuery fadeOut() работает только один раз

Question

Я использую jQuery, чтобы погасить «уведомление», которое я создал. Первый раз, когда функция называется, она исчезает просто отлично, но во второй раз «уведомление» добавляется к телу, но просто сидит там и не исчезает. Любая помощь будет принята с благодарностью.

Адрес Javascript, который вызывается.

if (pointsCalculated = 1) { 
    $('body').append('<div id="progress">' + pointsCalculated + ' point added to current points...</div>'); 
} 
else { 
    $('body').append('<div id="progress">' + pointsCalculated + ' points added to current points...</div>'); 
} 

//Reset calculator after adding to tracker 
calcReset(); 

    $("#progress").fadeOut(2000); 

Answer 1

Попробуйте удалить элемент после FADEOUT:

$("#progress").fadeOut(2000, function() { $(this).remove(); }); 

Подробнее:

.remove()
.fadeOut()

Answer 2

Необходимо каждый раз, когда оно будет добавлено, к событию #progress к событию fadeOut.

Answer 3

Вы должны воссоздать прикрепленные элементы привязки fadeOut, когда вы добавите элемент обратно в DOM. Вы можете создать это связывание сразу после добавления, и теперь это должно работать.

Answer 4

Вы код не покажет вам УДАЛЕНИЕ "прогресс", так что вы вероятно, каждый раз добавляя новый. Поскольку идентификаторы много уникальны, ваш код находит два и не удается.

Answer 5

Javascript не может найти более одного элемента с идентификатором, и его уже исчезли, если вы хотите запустить его снова.

вы можете изменить идентификатор класса, а затем найти все .progress, что видно и не анимированные, чтобы начать fadout по данному вопросу, и когда его сделали вы можете удалить его, так что вам не придется много .progress

$('body').append('<div class="progress">' + pointsCalculated + ' ' + (pointsCalculated === 1 ? 'point' : 'points') + ' added to current points...</div>'); 

//Reset calculator after adding to tracker 
calcReset(); 

$(".progress:visible:not(:animated)").fadeOut(2000, function() { $(this).remove(); }); 

запомнить в javascript, если вы хотите посмотреть, является ли переменная значением, которое вам нужно использовать, по крайней мере, для двух «=» иначе вы установите значение этой переменной.