javascript - jQuery:显示元素后隐藏元素？

Question

我有一个我无法理解的奇怪场景。

基本上，我使用 jquery show(); 显示一个元素，效果很好。

但是我需要使用 hide(); 函数hide()相同的元素，但该元素保持可见并且 hide() 不起作用。

有人可以就此提出建议吗？

这是一个工作 FIDDLE .

这是我的代码:

$(document).on('click','.buildExMain', function(e){
$(this).children('.buildExDrop').show();
});


$(document).on('click','.pSelection', function(e){

$('.buildExDrop').hide();
});

Answer 1

@billyonecan 说得对，在 $('.buildExDrop').hide(); 之后添加 e.stopPropagation(); 解决了这个问题。

这使得子元素 .pSelection 的隐藏点击事件不会冒泡到 .buildExDrop 元素的显示点击事件。