Как сделать чтобы PHP-код в div-блоке с display none также скрывался и не отрабатывался?

Question

[diadiasasha]

Доброго дня! Суть в том, что я создал отдельные блоки для десктопа и для мобильных - с display: none и display: block в зависимости от разрешения экрана и в оба блока дублирую код:

input maxlength="18" type="text" name="mob" value="<?=$arBasketItems["QUANTITY"]?>" size="5" id="QUANTITY_<?=$arBasketItems["ID"]?>"

Но при повторении данного кода его функционал отрабатывает уже неправильно, не получается корректно менять цифру (кол-во товара) в поле input для пересчёта корзины. Как сделать, чтобы в div с display none также прекращалось отрабатывание кода внутри этого блока?

Comments

[Alams Stoyne]

1) Учитесь верстать так чтоб не дублировать элементы.
2) Оберните в 2 разные формы
3) Обрабатывайте только те данные которые меняются

[FeST1VaL]

Ну и как вариант перепишите свой скрипт получения данных из input

[diadiasasha]

Спасибо, как вариант! А что именно в скрипт нужно дописать? Вот скрипт

$('form[name="basket_form"] input[name="BasketRefresh"]').click(function(e) {
	 	e.preventDefault();
	 	$.ajax({
	       type: "POST",
	       url: "/ajax/cart.php",
	       data: $(this).closest('form[name="basket_form"]').serialize(),
	       success: function(data){
	           $("#pop-basket").html(data);
	           //Обновим и малую корзину
	           $.get('/ajax/add2cart.php').done(function(data){
	            	data = JSON.parse(data);
	 				$('#header-basket-qty').html(data.qty);
			        $('#header-basket-sum').html(data.sum+"<span> руб.</span>");		
	 			});
	       }
	    });
	 });