Почему не срабатывает ajax?

Question

[WebforSelf]

Есть сайт
Тыц

При добавлении товара на нем есть такая корзина всплывающая, при нажатии на нее сверху



Данные кнопки управляются ajax а именно

// Добавить кол-во (кнопки)
$(document).on("click", ".ajax_plus", function (e) {
	e.preventDefault();
	elem =  $(this).closest('.incr').find('input.amount');
	variant = $(this).closest('.incr').find('.ajax_plus').attr('data-variant');
	total = parseInt(elem.val());
	total++;
	if((total > 1)) {
		$('.ajax_minus').attr('disabled',false);
	}
	else total--;
	elem.val(total);
	$.ajax({
		url: "ajax/quick_order.php",
		data: {variant:variant,amount:total},
		dataType: 'json',
		beforeSend: function(data){
		},
		success: function(data){
		$('#cart_informer').html(data.desktop);
		$('#cart_informer_main').html(data.main);
        $('#cart_informer_mini').html(data.mini);
		$('#cart_informer_mobile').html(data.mobile);
		}
	});
});

// Убавить кол-во (кнопки)
$(document).on("click", ".ajax_minus", function (e) {
	e.preventDefault();
	elem =  $(this).closest('.incr').find('input.amount');
	variant = $(this).closest('.incr').find('.ajax_minus').attr('data-variant');
	total = parseInt(elem.val());
	if(!(total > 1)) {
		total = 1;
		$('.ajax_minus').attr('disabled','disabled');
	}
	else total--;
	elem.val(total);
	$.ajax({
		url: "ajax/quick_order.php",
		data: {variant:variant,amount:total},
		dataType: 'json',
		beforeSend: function(data){
		},
		success: function(data){
		$('#cart_informer').html(data.desktop);
		$('#cart_informer_main').html(data.main);
        $('#cart_informer_mini').html(data.mini);
		$('#cart_informer_mobile').html(data.mobile);
		}
	});
});

// Удаление товара из модального окна
$(document).on("click", "#cart_informer_main .del_ajax", function (e) { 
	e.preventDefault();
	var id = $(this).attr('data-id');
	$.ajax({
		url: 'ajax/quick_order.php',
		data: {remove_id:id},
		dataType: 'json',
		beforeSend: function(data){
		},
		success: function(data){
		$('#cart_informer').html(data.desktop);
		$('#cart_informer_main').html(data.main);
        $('#cart_informer_mini').html(data.mini);
		$('#cart_informer_mobile').html(data.mobile);
		}
	});
});

На стороне php ошибку не выдает, error тоже ничего не возвращает. Соответственно мысли что не исполняется ajax. В чем проблема не могу найти

// Полная очистка корзины
$(document).on("click", "#clear", function (e) { 
	e.preventDefault();
	$.ajax({
		url: 'ajax/quick_order.php',
		data: {clear:1},
		//dataType: 'json',
		error: function(data) {
		alert('HI!');	
		},
		success: function(data){			
		$('#cart_informer').html(data.desktop);
		$('#cart_informer_main').html(data.main);
        $('#cart_informer_mini').html(data.mini);
		$('#cart_informer_mobile').html(data.mobile);
		}
	});
});

Comments

[WebforSelf]

Главное если пишу

$('#clear').on('click', function(e) {
	e.preventDefault();
	$.ajax({
		url: 'ajax/quick_order.php',
		data: {clear:1},
		dataType: 'json',
		error: function(data) {
		alert('HI!');	
		},
		success: function(data){			
		$('#cart_informer').html(data.desktop);
		$('#cart_informer_main').html(data.main);
        $('#cart_informer_mini').html(data.mini);
		$('#cart_informer_mobile').html(data.mobile);
		}
	});
});

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

Answer 1

[YavaDev]

Скриншот

Этот код прекращает передачу текущего события клика по DOM дереву вверх. Потому $(document) и не отлавливает событие клика по элементам в блоке .basket-wrap.

Comments

[WebforSelf]

Спасибо! Закомментил код, но получается теперь при обновлении аякса скрывается блок. хотя по факту аяксом я же обновляю #cart_informer_main

Сейчас удаляет все как нужно, но каждый раз сворачивается блок.

[YavaDev]

WebforSelf, теперь сюда

допишите несколько строк

$(document).on("click", function (event) {
    const el = $(event.target);
    if (el.closest($('.basket-wrap')).length) return;
    if (el.closest($('.cart')).length) return;
    if (el.closest($('.mobile-cart')).length) return;
    //остальной код...
});

[WebforSelf]

YavaDev, Спасибо! Черканите свой яндекс кошелек, я вам хоть шоколадку закину

[YavaDev]

WebforSelf, та не надо, рад был помочь.