-1

我在David DeSandro 的“Packery - 为项目宽度和高度设置动画，具有响应式大小”的 Codepen 上做了一个分叉（单击）。正如您所看到的，当您单击项目内的按钮时，它会展开并且黑色覆盖整个画布。再次单击它，收缩并且黑色消失了。我无法理解的是，当有人在展开时单击项目外部时，例如在<body>项目合同上，黑色色调消失了。如果有人能帮我解决这个...

4

1 回答 1

0

我已经分叉了你的 CodePen -看看这里。

基本上，在 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();
  }
});
于 2015-02-16T13:35:04.697 回答