javascript - 为什么我的 Quantity Spinner 脚本不起作用？

Question

数量输入和订单按钮正下方的脚本

<div class="clear" id="dvQty">
  <p class="qty-label">Qty:</p>
  <div class="qty-plus" id="divup">+</div>
  <div class="qty-input">
    <input name="vwquantity" value="1" class="qty-input" type="text">
  </div>
  <div class="qty-minus" id="divdown">-</div>
  <div class="add2cart fl"><input value="Add to Cart" class="ys_primary" title="Add to Cart" type="submit"><input name="vwcatalog" value="bodylogic" type="hidden"><input name="vwitem" value="herbal-select-creme-gallon" type="hidden"></div>

</div>

js

$("#txtQty").numeric();
$("#divup").click(function() {
  var qty = $("#txtQty").val();
  qty++;
  $("#txtQty").val(qty);
});
$("#divdown").click(function() {
  var qty = $("#txtQty").val();
  if(qty > 1) {
    $("#txtQty").val(qty - 1);
  }
});

我只是没有看到什么？

Answer 1

添加id="txtQty"到您的输入，因为您调用$("#txtQty")，替换

<input name="vwquantity" value="1" class="qty-input" type="text">

和

<input id="txtQty" name="vwquantity" value="1" class="qty-input" type="text">

.numeric()不是 jQuery 内置函数删除它，它似乎没有 jQuery，在你的 html 正文下面添加行

<script src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script>