問題タブ [jquery-masonry]

単純な石積みグリッドがあります。ロードすると、.contentクラスが表示されます。リロードすると、アイテムは互いに流れ込みます。

これはChromeとSafariでのみ発生し、Firefoxでは見栄えがします。

グリッドからのcssは次のとおりです。

これは石積みがどのように呼ばれるかです：

min-height私はsとsでそれを回避することができますmarginが、それは動的ではなく、あまりきれいに見えません。

これがJSFiddleですが、実際には問題を再現していません。

現在、石工コンテナに新しいアイテムを追加すると、左上隅に追加されてから所定の位置に移動します。ただし、石工の Web サイトのこの例では、新しい要素が下部に表示されます。

デモの説明には、デモは「IsAnimatedFromBottom フラグを使用する」と書かれていますが、コードを見るとわかりません。

また、リストされているオプションを見ると、リストされていないように見えるので、これがどのように使用されているか知っている人はいますか?

このセレクターを適用して、このような div の最初の画像以外のすべての画像を削除しようとしています。

ここに示すように：

http://jsfiddle.net/jojoroxursox/9AFpv/

ただし、石積みのグリッドに適用すると、画像が 1 つしかないアイテムも含め、すべてのアイテムが削除されます。

http://jsfiddle.net/jojoroxursox/M9Yau/

助言がありますか？

Masonry プラグインを使用してページ上の要素をフロートさせており、このクラス.itemを使用して Masonry 効果を div に適用しています。

既に Masonry になっている複数の div に.fadeOutandを適用したいのですが、同じ id を異なる div に適用することはできないため、これは困難であることがわかっています。.fadeIn.items

これが私が今行っていることですが、正しく機能していません:

JS:

HTML:

各 div に複数のクラスを適用しようとしましたが、それも機能しません。前もって感謝します。

使用: jQuery Waypoints と Masonry を使用して、無限スクロール グリッド レイアウトを作成します。別に、それらは正常に動作します。ただし、それらを連携させる方法がわかりません。

ウェイポイントのコード

石積みのコード (2011 年 9 月 18 日のアニメーション用に更新)

Masonry Infinite Scroll の例を見てきましたが、自分のページで Infinite Scroll を動作させることができません (これが、Waypoints を最初に使用した理由です)。

問題は、div がウェイポイントで読み込まれると、Masonry を介してグリッドに適切に配置されないことです。これに加えて、ロードされたオブジェクトで rel= タグが無効になります (また、Tooltips スクリプトを使用して HTML ツールチップを作成します)。

基本的に、私がやろうとしていること: [1] ウェイポイントを介して div が読み込まれると、前述のツールチップの問題のように、前述の div からのデータをそのまま (適切に起動) に保ちながら、新しく読み込まれたウェイポイント div でグリッド レイアウトを更新します。問題の例は、http://regchan.org/ib/dev/ で直接見ることができます。(ページは最初に 4 つの div をロードするように設定されています。これは最初の 4 つです。次に、次のページ (該当する場合) から 4 つの div がロードされ、それ以上使用できなくなるまでロードされます。)

.poster3 は画像を保持する div のクラスで、#mason は動的に作成されたコンテンツを囲むセレクター div です。

EDIT Masonry サイトの無限スクロール コードを見て、何かをつなぎ合わせました (ただし、データを取得していません)。

ただし、Firebug はエラーをスローしていません。

私はjqueryMasonryプラグインを使用しており、プラグインがトリガーされるまですべてのコンテンツを非表示にしようとしています。組積造は、デフォルトで、トリガーされる前にすべての画像をロードします。プラグインがトリガーされるまで「loading」divを表示したい。解像度が1024pxを超えていることを確認し、ページの読み込み時に「loading」divを表示するページを実装しましたが、現在、プラグインがトリガーされる前にページのコンテンツが表示されます。

こちらの実例をご覧ください。

ご覧のとおり、コンテンツが表示されてからプラグインがトリガーされるまでに遅延があります。誰かがトリガー後にコンテンツ表示ユニットを遅らせるのを手伝ってくれることを願っていますか？

乾杯-ジェシー

ページを読み込もうとすると、すべての画像が重なり合っているようです。しかし、同じページに移動するリンク (ホーム リンクなど) をクリックすると、Masonry が作動します。

ここで私のjquery呼び出し：

問題のページは次のとおりです。

http://ratattoos.com/

Firefox と IE8 では問題なく動作します。

メイソンリーに特有の問題があり、助けてもらいたいと思っています。Typekit を介して外部からフォントをロードしているため、document.ready の代わりに window.load 内に Masonry コードを含める必要があります (Masonry をロードする前にフォントをロードする必要があります。そうしないと、行の長さが異なり、絶対位置がめちゃくちゃになるためです)ソース）。Masonry グループ内のセクションに (ページ内のアンカーとして) 直接リンクする必要もあります。これら 2 つのことを組み合わせた場合の問題は、window.load を使用すると、ページが読み込まれたときにアンカーが存在しないため、リンクが Masonry セクション内の特定のセクションではなく、Masonry セクションの先頭に移動することです。これを修正する方法のアイデアはありますか? 最も簡単な解決策は、window.load に頼らずにコードを機能させることです。残念ながら、私は代替案を見つけることができませんでした。どんな助けでも素晴らしいでしょう。

jquery .load（）を介してsoundcloud埋め込みプレーヤーをロードしています

IEでは、swfが含まれていると、ロードがフリーズして不完全になります。存在しない場合、クエリは正常に機能します。Chrome、Firefox、Safariでも問題なく動作します。

}

オブジェクトは次のようになります

ここでデモバージョンをチェックできます http://www.konstructive.com/projects/karlssonwinnberg/

およびajaxロードページはこちら http://www.konstructive.com/projects/karlssonwinnberg/?page_id=118&cat=0

ajaxを使用してフラッシュをロードする別の方法はありますか？どんな助けでも大歓迎です