Squarespace サイトに masonry.js スクリプトをインストールして、画像ギャラリーの見栄えを良くしようとしています。
スクリプトをインストールし、石工サイトの指示にできる限り従いました。ただし、明らかに正しく表示されていません。
しかし、ギャラリーページにはそれがありません。html の違いは次のとおりです。html ページで div を使用し、ギャラリー ページでこれをコンテナーとして ul に適用し、次に li 要素に適用しようとしていますが、それが問題の原因ですか? 石積みはdivのみである必要がありますか?
他に考えられる唯一のことは、ギャラリー ページで他のスクリプトが実行されていて、石積みに干渉している場合です。
この問題が正しく構成されていることを願っています。また、私がこれに数時間費やしたが、それを破ることができないので、誰かが私が見逃している (できれば) ばかげた単純なことを指摘してくれることを願っています。
更新これで機能するようになりました。ここで例を確認できます。http://www.bpicni.com/member-galleries-advanced/donal-mccann-frps/
少しハックかもしれませんが、ちょっと、私はそれを取ります。
エッセンシャル いくつかのコードを使用して、li 要素を div でラップした後、石積みがボール遊びを開始しました。その後、オーバーラップの問題が発生し、$(window).load(function(){ }) メソッドを使用して masonry 関数を呼び出す唯一の修正方法を見つけました。
私が今抱えている唯一の問題は、Squarespace 固有の問題です。コンテンツ モードまたは構造モードのときに、石積みスクリプトがギャラリー ページの機能に干渉しています。私が見つけた簡単な修正方法は、adblock 拡張機能を使用して石工スクリプトの実行を停止することです。これは、スクリプトの利点を十分に理解できていないことを意味しますが、サイトを維持できるので便利です :)