Дублирование данных после открытия и закрытия модальных

Question

Я использую ajax, затем пытаюсь вызвать добавление данных в модальное состояние, но почему мои данные всегда возвращают несколько результатов после открытия и закрытия модального режима?Может кто-нибудь помочь мне, как сбросить это?так что я просто получаю только 1 результат.

впервые думаю, что так хорошо, потому что у меня только 1 результат,

, но когда я закрываю mymodal и открываю его снова, последние результаты не исчезают,Таким образом, я получил двойной результат, подобный этому

, и тогда это никогда не останавливается и всегда увеличивается в зависимости от того, сколько я нажимаю и закрываю модальный режим.

 xd[i].addEventListener("click", function(callback){
     console.log($(this));
     $("#mdApart").modal('show');
     $( "#newpend" ).append(`aaa`);
 });

Answer 1

Измените следующее:

$("#newpend").append('aaa');

Кому:

$("#newpend").html('aaa');

Это потому, что .append () добавит контент в конец элемента / контента, который уже там. Используя .html (), вы будете заменять содержимое элемента новым содержимым.

Answer 2

Вам нужно очистить содержимое div при событии скрытия

$('#myModal').on('hidden.bs.modal', function () {

    $('#yourContentDiv').html('');

});

Answer 3

Это происходит потому, что эта строка находится в вашем обработчике кликов: $( "#newpend" ).append( aaa ); Append означает добавление в конец.

Может быть, вы хотите извлечь эту строку из обработчика кликов, чтобы она запускалась только один разили же вам нужно использовать другой метод jQuery, например .replaceWith() или .html()