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

Question

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');    
}    
}

Answer 1

提问者 AlphaTan 2017-12-12 23:43:18

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

• Jason #1

  刚去试了下，基本效果没有问题，加减都可以实现，但是有事件冒泡的问题，点击加减，会影响商品的选中

• 提问者 AlphaTan #2

  肿么防止事件冒泡？e.stopPropagation()不起作用

• Jason 回复 提问者 AlphaTan #3

  直接在最后return false;

点开查看后面5条评论