Показать сообщение отдельно
  #1 (permalink)  
Старый 30.08.2021, 19:20
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Удалить кнопку при аякс
Всем привет. Суть такая. Изначально в <div class="item_html">...</div> должнабыть кнопка. После клика по ней она удаляется. Отправляю аякс запрос. Результат вниз <div class="item_html">...</div> + кнопка, что бы снова можно было запрос отправить. делаю так. Но повторно аякс не отправляется. Видимо кнопку нужно вынести из ответа. А как всё это провернуть не понимаю.
<div class="item_html">...</div>
<script>
let d = document.createElement('div');
$(d).attr('id','button-more');
$('.items_list_html').append(d);
let div = '<button class="more" id="">More</button>';
d.innerHTML = div;

$('.more').on('click', function() {
	if ($(d).length) {
		$(this).parent().remove();
	}
 $.ajax({
...
,
		complete: function() {
			$('.items_list_html').append(d);
			let div = '<button class="more" id="">More</button>';
			d.innerHTML = div;
		}
});
}
</script>

Последний раз редактировалось ureech, 30.08.2021 в 19:26.
Ответить с цитированием