Javascript 在展开项目后对Packer库使用鼠标操作

我在David DeSandro的Codepen表单“Packy-动画项目宽度和高度，具有响应性大小”上制作了一个fork（）。正如您所看到的，当您单击项目内的按钮时，它将展开，黑色色调覆盖整个画布。再次点击它，合同和黑色色调消失了。我无法理解的是，当有人在项目展开时点击项目外部时，如在

上，项目收缩，黑色色调消失。如果有人能帮我…

我已经用叉子叉了你的密码笔-

基本上，在body元素上的click eventListener中，您必须执行以下操作：

$("body").click(function(event){
  //check if body has overlay-layer, meaning an item is expanded
  if ($(event.target).hasClass('overlay-layer')){
    $(this).removeClass('overlay-layer');
    $('.item').removeClass('is-expanded');
    $container.packery();
  }
});

---

非常感谢。这解决了我的问题。