@WebforSelf

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

Есть сайт
Тыц

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

5fe24fe6be245678161994.png

Данные кнопки управляются 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);
		}
	});
});
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
YavaDev
@YavaDev
Скриншот

5fe25a4d70ff6098248035.jpeg

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы