zepto.js e.stopPropagation无效 问题重现http://m.vminbaby.quiethappy.com/site/demo

来源:1-1 课程介绍

AlphaTan

2017-12-12

Zepto(function ($) {    
var clicktimeout = '';    
$('span.btns-plus').click(function(e) {    
e.stopPropagation();    
var pid = $(this).attr('data-id');     
$.ajax({    
type: "POST",    
url: "/cart/save",    
dataType:'json',    
data:{    
"pid":pid,    
"num":1,    
"type":"add",    
"_vminbaby_m":"kHUoK97JLCx5nZah6fgC48C_MMRzaLWYYS_GtEvbh_ipNAVGh4N4Hk2txpCujGjR-PRSvRI_-qFUav_9HqP1sQ=="    
},    
beforeSend: function(XMLHttpRequest){    
//$.showPreloader('采购中...');    
clearTimeout(clicktimeout);    
clicktimeout = setTimeout(function () {    
$.showPreloader('采购中...');    
},300);    
},    
success: function(data, textStatus){    
if(data.code == 200){    
$('span.badge').text(data.data.cartnum);    
$('span.menu-id-'+pid).text(data.data.currentnum);    
$('span.p-money-'+pid).text(data.data.currentmoney);    
selectcart();    
}else{    
$.alert(data.message);    
}    
},    
complete: function(XMLHttpRequest, textStatus){    
//HideLoading();    
clearTimeout(clicktimeout);    
$.hidePreloader();    
},    
error: function(){    
//请求出错处理    
}    
});       
});    
$('span.btns-minus').click(function(e) {    
e.stopPropagation();    
var $this = $(this);    
var pid = $this.attr('data-id');      
$.ajax({    
type: "POST",    
url: "/cart/save",    
dataType:'json',    
data:{    
"pid":pid,    
"num":1,    
"type":"sub",    
"_vminbaby_m":"kHUoK97JLCx5nZah6fgC48C_MMRzaLWYYS_GtEvbh_ipNAVGh4N4Hk2txpCujGjR-PRSvRI_-qFUav_9HqP1sQ=="    
},    
beforeSend: function(XMLHttpRequest){    
//$.showPreloader('采购中...');    
clearTimeout(clicktimeout);    
clicktimeout = setTimeout(function () {    
$.showPreloader('采购中...');    
},300);    
},    
success: function(data, textStatus){    
if(data.code == 200){    
$('span.badge').text(data.data.cartnum);    
$('span.menu-id-'+pid).text(data.data.currentnum);    
$('span.p-money-'+pid).text(data.data.currentmoney);    
if(data.data.currentnum == 0){ // remove li    
$this.parents('li').remove();    
}    
if(data.data.cartnum == 0){    
if($('span#p-select-btn-submit').hasClass('cart-select-yes')){    
$('span#p-select-btn-submit').removeClass('cart-select-yes').text('请选择');    
$('li.play-cart').css('display','block');    
}    
}    
selectcart();    
}else{    
$.alert(data.message);    
}    
},    
complete: function(XMLHttpRequest, textStatus){    
//HideLoading();    
//$.hidePreloader();    
clearTimeout(clicktimeout);    
$.hidePreloader();    
},    
error: function(){    
//请求出错处理    
}    
});      
});    
});    
function selectcart() {    
if($('input.cartselect:checked').length>0){    
var money = 0;    
$('input.cartselect:checked').each(function (index,ele) {    
var pid = $(ele).attr('data-product-id');    
money += parseFloat($('span.p-money-'+pid).text());    
});    
$('span.p-select-money').text(money.toFixed(2));    
}else{    
$('span.p-select-money').text('0.00');    
}    
}


写回答

1回答

AlphaTan

提问者

2017-12-12

//img.mukewang.com/szimg/5a2ff88600016a4604000715.jpg


点击加减时,事件同时触发多个事件;e.stopPropagation(); 无效

0
8
Jason
回复
AlphaTan
参考load data,这个可以大量导入
2017-12-22
共8条回复

Yii2.0进阶版 高级组件ES/Redis/Sentry优化京东平台

进阶更高阶的Yii 2.0开发,获得2-3年yii 2.0实战经验

514 学习 · 210 问题

查看课程