Помогите найти ошибку в коде Увеличение и уменьшение значения в поле input

186

13 мая 2018, 07:50

Помогите пожалуйста найти ошибку в коде "Увеличение и уменьшение значения в поле input".почему у меня при нажатии на плюс или минус идет увелич\умень на 2 единицы. когда проверил работу кода в инспекторе - получается что выполняется код до return, а затем вместо завершения работы функции повторно выполняется весь код и уже потом return. код скопирован с сайта http://pcvector.net на котором демо нормально работает.

<span class="counter__link counter__link_prev"></span>
          <input type="text" class="qwnt" value="{{ item.quantity }}"  
   price="{{ item.sale_price }}" name="cart[quantity][{{ item.id }}]" 
   size="3" maxlength="4" autocomplete="off">
          <span class="counter__link counter__link_next"></span>
<script type="text/jаvascript" >
    $(document).ready(function() {
        $('.counter__link_prev').click(function () {
            var $input = $(this).parent().find('input');
            var count = parseInt($input.val()) - 1;
            count = count < 1 ? 1 : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.counter__link_next').click(function () {
            var $input = $(this).parent().find('input');
            $input.val(parseInt($input.val()) + 1);
            $input.change();
            return false;
        });
    });
</script>

Answer 1

Вот рабочий вариант с вашим кодом:

 $(document).ready(function() { 
        $('.counter__link_prev').click(function () { 
            var $input = $(this).parent().find('input'); 
            var count = parseInt($input.val()) - 1; 
            count = count < 1 ? 1 : count; 
            $input.val(count); 
            $input.change(); 
            return false; 
        }); 
        $('.counter__link_next').click(function () { 
            var $input = $(this).parent().find('input'); 
            $input.val(parseInt($input.val()) + 1); 
            $input.change(); 
            return false; 
        }); 
    });

input { 
  width: 50px; 
} 
 
span { 
  user-select: none; 
  padding: 5px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span class="counter__link counter__link_prev">-</span> 
           
          <input type="text" class="qwnt" value="1"   
   price="{{ item.sale_price }}" name="cart[quantity][{{ item.id }}]"  
   size="3" maxlength="4" autocomplete="off"> 
           
          <span class="counter__link counter__link_next">+</span>