Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 30.08.2021, 19:31
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,767

Зачем так сложно? Удалять, потом снова вставлять... А когда вставили, на нее снова обработчик надо вешать...
Что бы ее повторно нельзя было нажать во время обработки запроса, установите свойство disabled=true, а когда запрс окончился снова в false.
Ну если хотите, что бы она была не видна, то hidden = true, а потом false.
Ответить с цитированием
  #3 (permalink)  
Старый 30.08.2021, 19:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,145

ureech,
$('.more').on('click', function() {

$('.items_list_html').on('click', '.more', function() {
Ответить с цитированием
  #4 (permalink)  
Старый 30.08.2021, 20:08
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

рони, спасибо. Великое в простом).

voraa, если просто скрывать, то она будет на одном месте. А так она будет появляться снизу контента, который возвращает запрос. По крайней мере у меня так получается).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сохраннение измененных данных при клике на кнопку Tanya51 Общие вопросы Javascript 0 10.08.2017 11:35
JQuery При клике на кнопку Restore данные восстанавливаются Tanya51 Общие вопросы Javascript 12 02.08.2017 00:05
При клике на кнопку переход к якорю и открытие блока Galyanov Элементы интерфейса 19 11.12.2015 21:12
Появление блока при нажатии на кнопку nik_neman jQuery 2 02.03.2012 09:06
Выбранный текст в select при нажатии на кнопку "добавить" появлялся в select'e Адриан Общие вопросы Javascript 2 31.01.2012 13:38