javascript - 触发父div的click事件

Question

我遇到一个问题，当我单击按钮时，取消按钮嵌套在触发器中的 div 中的 .click 会被触发。这会导致lideUp 和slideDown 同时触发，从而导致div 保持可见。我尝试添加一个状态来防止 div 再次向下滑动，但这没有达到预期的效果。

$(add).click(function () {
 var inputDiv = Polymer.dom(root_root).querySelector("#inputDiv");
 if(state == 0){
   $(inputDiv).slideDown(300);
  }
 state = 1;
});
 $(cancel).click(function () {
  var inputDiv = Polymer.dom(root_root).querySelector("#inputDiv");
  $(inputDiv).slideUp(300);
  state = 0;
});

https://jsfiddle.net/kkdoneaj/2/

有人知道如何解决这个问题吗？

Answer 1

使用Event.stopPropagation()停止来自 bubbling 的点击从 #cancel 按钮到父 #add div:

$("#cancel").click(function(e) {
    e.stopPropagation();
    ...
});

https://jsfiddle.net/kkdoneaj/3/