单击div内的链接会导致fadeOut而不是跟随链接

Question

我写了这段代码,对Javascript和jQuery都很新,所以我很开心.基本上我已经缩小到单击链接时我的DIV框将在跟随链接之前执行fadeOut().我已经搜索了几天,并且无法转换回复或找到有效的回复.

我试图保持代码干净并添加一些CSS,以便人们可以看到它并根据给出的答案/解决方案进行修改.

http://jsfiddle.net/dUTex/

//单击类".exp"的元素

$(document).ready(function() {
$(".exp").click(function() {
    $('.expMenuWrapper').fadeIn("fast");
    $('.expMenu').fadeIn("fast");
});

//这是我被抢购的地方,我借用了它并且它无法正常工作.它在链接获得"动作"之前逐渐淡出

$(".close-btn, .expMenu").click(function(e) {
    e.preventDefault();
    $('.expMenuWrapper').fadeOut("fast");
});
});

Answer 1

这preventDefault是为了防止点击的默认行为.

我建议读这个

因此,要淡出并关注链接,您的代码应如下所示:

$(".close-btn, .expMenu").click(
   function(e) {
      $('.expMenuWrapper').fadeOut("fast");
   });
});

如果您希望父组件不接收click事件,请使用stopPropagation.

如果要阻止任何其他侦听器被调用(即使在同一元素上),请使用stopImmediatePropagation.所有可用的event对象