主页 / 问题 / 826118
Accepted
Kirill Donenko
Asked:2020-05-11 04:01:41 +0000 UTC2020-05-11 04:01:41 +0000 UTC

帮我找出代码中的一个错误 增加和减少输入字段中的值

  • 772

在此处输入图像描述在此处输入图像描述请帮我找出代码“增加和减少输入字段中的值”的错误，为什么我点击加号或减号时增加/减少2个单位。当我在检查器中检查代码的工作时，发现代码是在返回之前执行的，然后，不是完成函数，而是重新执行整个代码，然后才返回。从演示工作正常的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>
javascript

1 个回答

  1. Best Answer

    这是您的代码的工作版本：

     $(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>

    • 1

相关问题