小编Rub*_*tek的帖子

将 .stepUp() 与 JQuery 结合使用会返回错误“.stepUp 不是函数”

我有以下代码:

请参阅此处的 codepen 示例:https://codepen.io/Rubenkretek/pen/VwYQVgO ?editors=1111

预期结果:单击“+”按钮时输入字段会增加 1。

实际结果:输入没有变化,出现以下错误:

类型错误:selectedInput.stepUp 不是函数

$(function() {

  $('<span class="add" uk-icon="plus">+</span>').insertAfter('.product-container .product-quantity input');
  $('<span class="sub" uk-icon="minus">-</span>').insertBefore('.product-container .product-quantity input');


  $('.add').click(function() {

    var selectedInput = $(this).prev('input');

    if (selectedInput.val() < 10) {
      console.log("value is less than 10");
      $('.add').click(function() {
        selectedInput.stepUp(1);
      });
    }

  });


});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-container">
  <div class="product-info">
    <h2>Product name</h2>
  </div>
  <div class="product-quantity">
    <input type="number"></input>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
3597
查看次数

标签 统计

jquery ×1