produc/detail页面的加减符号没有用

来源:9-2 购物车的创建和遍历

慕仙9496121

2017-07-06

点击+符号,数量不会增加,中间数字变成NaN。

老师,这个问题我看到前面也有同学提问过,但是我看不到回答,所以就得重新在问一次,我想咨询下,您回答过别人的问题为什么我看不到回答的答案??

写回答

3回答

j_loser

2019-03-26

script.js 文件里面搜索 minus  , 进行如下修改, 否则会取到form标签中的value值

var currentQty= $(this).parent().find('input').val();
if( $(this).hasClass('minus') && currentQty>0){
    $(this).parent().find('input').val(parseInt(currentQty, 10) - 1);
}else{
    if( $(this).hasClass('plus')){
        $(this).parent().find('input').val(parseInt(currentQty, 10) + 1);
    }
}
1
1
慕娘8407107
正解,对我有用~!
2019-05-13
共1条回复

实习的小虾米

2017-11-29

我是点了没啥反应

0
1
Jason
看一下,应该是JS报错了,打开开发者工具看看,是在解决不了,我给你远程解决!
2017-12-03
共1条回复

Jason

2017-07-06

不应该啊,应该是可以看到的,变成NaN的原因是JS计算错误,JS代码可以修改如下,可以参考下:

$(".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();    

   });    

}    


0
4
Jason
回复
慕码人2558105
在购物车的模板当中
2019-01-06
共4条回复

Yii2.0开发一个仿京东商城平台

【毕设】购物、下单、支付、收货...各功能模块开发,打造京东式电商平台

1543 学习 · 655 问题

查看课程