0

введите сюда описание изображениявведите сюда описание изображенияПомогите пожалуйста найти ошибку в коде "Увеличение и уменьшение значения в поле 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>
6
  • 1
    codepen.io/anon/pen/JvLaZN - чисто ваш код. Добавляется/уменьшается по одному 10 мая 2018 в 20:10
  • Спасибо. а что может влиять на работу кода что на сайте он работает криво 10 мая 2018 в 20:12
  • 2
    может вы 2 раза подключаете скрипт/ вешаете обработчик?
    – slowBro
    10 мая 2018 в 20:14
  • Да, получается что дважды вешаю. спасибо большое. буду разбираться 10 мая 2018 в 20:18
  • Не могу понять почему обработчик вешается дважды. Циклов нет. Подскажите как выловить 10 мая 2018 в 20:29

1 ответ 1

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>

18
  • Спасибо большое. код работает но какого черта у меня вешается ещё один обработчик тем же кодом, в той же строке 10 мая 2018 в 20:48
  • Можно ваш код? Или это весь код?
    – Zicrael
    10 мая 2018 в 20:49
  • Я знаю, поставьте debugger;
    – Zicrael
    10 мая 2018 в 20:57
  • codepen.io/kirilldonenko/pen/QrmZVd здесь только JS 10 мая 2018 в 20:57
  • 1
    Тогда ошибка решена, у тебя подключаются скрипты 2 раза. Cмотри где и удаляй одно подключение :)
    – Zicrael
    10 мая 2018 в 21:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.