在我的代码的一部分(非常广泛,所以我只会展示适用的部分),我有这个:
$(".help."+help+" .left").click(function(event){
event.stopPropagation();
if (!moving){
moving = 1;
var move = $(".help."+help+" .all").css("left");
move = parseInt(move.substr(0,move.length-2)) + 300;
if (move <= 0)$(".help."+help+" .all").animate({left:move},{duration:300,complete:function(){moving = 0}})
else moving = 0;
};
});
这event.stopPropagation()
是为了防止被调用:
$("html").click(function(){
alert("check");
$(".help").each(function(){
if ($(this).hasClass("open")){
$(this).removeClass("open").animate({opacity:0},{duration:500,complete:function(){
$(this).css("display","none");
}});
};
});
});
此部分用于在文档中的任何位置单击“帮助框”时关闭它。
虽然event.stopPropagation()
不工作。我把它alert("check")
放在那里以确保这是问题所在,而且确实如此。
奇怪的部分?下一行代码正在使用event.stopPropagation()
:
$(".showhelp").click(function(event){
event.stopPropagation();
if ($(this).hasClass("materials"))help = "materials";
else help = "bearings";
if (!$(".help."+help).hasClass("open")){
$(".help."+help).addClass("open").css("display","block").animate({opacity:1},200);
}else{
$(".help."+help).removeClass("open").animate({opacity:0},{duration:200,complete:function(){
$(this).css("display","none");
}});
};
});
我希望这是足够的信息。