問題タブ [packery]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - アイテムを展開した後、Packery ライブラリでマウス操作を使用する
Codepen フォーム David DeSandro の「Packery - アイテムの幅と高さをアニメートし、レスポンシブなサイズ変更」でフォーク (クリック) を作成しました。アイテム内のボタンをクリックするとわかるように、ボタンが展開され、キャンバス全体が黒い色合いで覆われます。もう一度クリックすると、収縮し、黒い色合いがなくなります。私が頭を包むことができないのは<body>、アイテムが収縮して黒い色合いがなくなったときのように、誰かがアイテムを展開したときにアイテムの外側をクリックしたときです。誰かがこれで私を助けることができれば...
javascript - すでに展開されているクラスを見つけて切り替えることができないようです
クリックされたときにブロックを拡大および縮小するために、Packery と組み合わせて次のコードを見つけました。ブロックをクリックすると、現在展開されている他のすべてのブロックが元のサイズに縮小され、一度に 1 つのブロックのみが展開されるようにコードに追加したいと考えています。
これがコードです
これは私が見つけたコードペンです http://codepen.io/anon/pen/myLbmP
.not セレクターを使用してみましたが、正しく動作するように書き直すことができないようです。前もって感謝します
jquery - パッカリ + ajax ロード コンテンツ + 再レイアウト パッカリ
投稿のタイトルとサムネイルを一覧表示する Metafizzy の Packery ライブラリを使用してレイアウトを作成しています。これらがクリックされると、最初のコンテンツが非表示になり、投稿の残りの部分が ajax によって読み込まれ、その最初のコンテンツが置き換えられます。
パッカリーを適切に機能させることができないため、パッカリーを再レイアウトする方法に関するヒントを探しています。おそらく、私のajax関数は、それが機能するために異なる必要があります。ajax ロードは機能しますが、packery で重複する問題があります。
いずれかの方法。ajax + packery に関するヒントとコツをお待ちしています。
この効果を使用しているサイトの例。 http://www.prohelvetia.ch/mobile http://www.typetoken.net/ (ただし、これは追加するだけで、初期コンテンツを削除するわけではありません)