問題タブ [masonry]
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.
jquery - これらのタイル システムをコーディングする最もスマートな方法
現在、以下に示す複数のタイル システムで構成される Web サイトに取り組んでいます。
それらをコーディングするのにどの方法が最適か疑問に思っています。
私は非常にうまく機能する Masonry を使用しましたが、これは jQuery ベースのソリューションです。 http://jsfiddle.net/xfxYQ/
HTML
CSS
石積みのjQuery
プレーンな HTML/CSS ソリューションの賢いアイデアを持っている人はいますか?
html - 組積造タイルを上から下ではなく、左から右に配置する
私は今後のプロジェクトの石積みのレイアウトに取り組んでおり、CSS のみを使用して石積みのタイルを上から下ではなく左から右に配置する方法があるかどうかを知りたいです。
jsfiddle でレイアウトを再作成しようとしましたが、出力が異なるように見えるので、代わりにスクリーンショットを撮ることにしました
http://i255.photobucket.com/albums/hh140/testament1234/Masonry_zps8b8519b6.jpg
HTML
CSS
javascript - 埋め込み可能なツイート (iframe) で jquery masonry を使用する方法
複数の埋め込み可能なツイートで Masonry を使用しようとしています。しかし、要素が互いに重なっているという問題に直面しています。
私が試した方法の 1 つは、リファレンス ガイドに従って imagesLoaded プラグインを使用することでしたが、各ツイートの iframe が完全に読み込まれていないと思われるため、うまくいきませんでした。
ページがロードされたときにのみ石工を呼び出そうとしましたが、ツイートが重複するという問題がまだあります。
何をすべきかわかりません。クライアントに送信する前に埋め込み可能なツイートの高さを把握して、iframe のインライン スタイルとして設定できる方法はありますか。これは、twitter API から返された JSON データです。
サーバー側私はエクスプレスでnode.jsを使用しています
javascript - 無限スクロール + 石工
Masonry で動作するように無限スクロールを取得しようとしています。
imagesLoaded 関数を削除して masonry を呼び出すと、Masonry が意図した方法で画像が表示されますが、無限にスクロールされません。
そのままではエラーが発生します：
キャッチされていない TypeError: undefined は関数ではありません
Foundation を使用しており、次の順序でスクリプトを呼び出しています。
スクリプトには、冒頭で強調したコードが含まれています。jQuery のバージョンは 2.0.3 です