Question

我在Codepen表格上做了一个分叉（click）David DeSandro＆＃34; Packery - 动画项目的宽度和高度，以及响应的大小调整＆＃34;。正如您所看到的，当您单击项目内的按钮时，它会展开，并且黑色调覆盖整个画布。再次点击它，合同和黑色色调消失了。我无法解决的问题是，有人在展开时点击项目外部，例如<body>，项目合同和黑色调消失了。如果有人可以帮我这个......

Answer 1

我已经分叉了你的CodePen - take a look here。

基本上，在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();
  }
});

在展开项目后使用Packery库的鼠标操作

1 个答案: