-1

Codepen フォーム David DeSandro の「Packery - アイテムの幅と高さをアニメートし、レスポンシブなサイズ変更」でフォーク (クリック) を作成しました。アイテム内のボタンをクリックするとわかるように、ボタンが展開され、キャンバス全体が黒い色合いで覆われます。もう一度クリックすると、収縮し、黒い色合いがなくなります。私が頭を包むことができないのは<body>、アイテムが収縮して黒い色合いがなくなったときのように、誰かがアイテムを展開したときにアイテムの外側をクリックしたときです。誰かがこれで私を助けることができれば...

4

1 に答える 1

0

私はあなたの CodePen をフォークしました - ここを見てください。

基本的に、body 要素のクリック 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 に答える