cart/index 这里的加减商品数量问题，location.reload()解决了数量不少于0的问题，但是出现新的问题每次都会减1再减1，加1再加1

Question

cart/index 这里的加减商品数量问题，location.reload()解决了数量不少于0的问题，但是出现新的问题每次都会减1再减1，加1再加1

$(".minus").click(function(){
   var cartid = $("input[name=productnum]").attr('id');
   var num = parseInt($("input[name=productnum]").val()) - 1;
   if (parseInt($("input[name=productnum]").val()) <= 1) {
       var num = 1;
   }
   var total = parseFloat($(".value.pull-right span").html());
   var price = parseFloat($(".price span").html());
   changeNum(cartid, num);
   var p = total - price;
   if (p < 0) {
       var p = "0";
   }
   $(".value.pull-right span").html(p + "");
   $(".value.pull-right.ordertotal span").html(p + "");
});
$(".plus").click(function(){
   var cartid = $("input[name=productnum]").attr('id');
   var num = parseInt($("input[name=productnum]").val()) + 1;
   var total = parseFloat($(".value.pull-right span").html());
   var price = parseFloat($(".price span").html());
   changeNum(cartid, num);
   var p = total + price;
   $(".value.pull-right span").html(p + "");
   $(".value.pull-right.ordertotal span").html(p + "");
});
function changeNum(cartid, num)
{
   $.get('$url', {'productnum':num, 'cartid':cartid}, function(data){
       location.reload();
   });
}

请问如何解决？？另外有没有一份源码相对完整的代码可以发给我（[e-mail]）.现在都是在github两边对照代码

Answer 1

Jason 2017-09-08 23:05:55

可以再仔细描述下你的问题吗？是点击减1后又自动重复减1？

可以的话我远程给你看看！

完整代码在github的最后一节当中：https://github.com/BestJason/imooc_advanced_code/tree/master/50_kafka_class

• 提问者 Elex #1

  找到点线索了，购物车里面有2个商品，点击第二个商品的加号➕减号－，实际上数据库操作的是第一个商品的数量，导致location.reload的时候看起来是错的。
  实际上是点击第二个的商品的时候js获取的是第一个商品的cartid.
  
  请问如何解决？

• Jason 回复 提问者 Elex #2

  这样，因为点击加或者减的时候找到的对象是第一个数量的对象，所以改一下
  
  var cartid = $("input[name=productnum]").attr('id');
  var num = parseInt($("input[name=productnum]").val()) - 1;
  
  把这里的$("input[name=production]")改成 $(this).siblings("input[name=production]")，其余的也依次类推