問題タブ [jquery-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.

0 投票する
1 に答える
5905 参照

javascript - IEとjQuery組積造は一致しません(初期化の前に組積造のメソッドを呼び出すことはできません)

jQuery Masonryプラグインを使用して構築されたこのサイトがあります。このサイトは、FirefoxとChromeで正常に機能しますが、IE9で最初に実行すると、レイアウトが壊れ、Masonryが読み込まれていないようです。

これは、IE9のコンソールに出力されるエラーです。

初期化の前に組積造のメソッドを呼び出すことはできません。メソッド'appended'を呼び出そうとしました

ステージングサイトへのリンクは次のとおりです。http://rw.freelanc3r.co.uk/ IEの前にChromeまたはFirefoxで表示して、目的の結果を確認してください。

ページに画像がないことを理解しています。この小さな欠陥は無視してください。

0 投票する
2 に答える
11666 参照

jquery - JQueryメイソンリー!ウィンドウのサイズ変更時に columnWidth を更新する

私は、JQuery Masonry も使用しているレスポンシブ レイアウトに取り組んでいます。

次のスクリプトを使用して、現在の列幅を取得しています。

私のJQuery Masonry initスクリプトはこのようなものです..

私の最初のスクリプトは幅を正しく取得していますが、その幅が更新されていないメーソンリーです...ロードとサイズ変更の両方の機能を実装して、ウィンドウのサイズ変更時にもメイソンリーのcurWidthが更新されるようにするにはどうすればよいですか

0 投票する
2 に答える
3486 参照

jquery - 組積造のサイズを変更する前にコードを実行する方法

レイアウトには石積みを使用しています。ブラウザのウィンドウのサイズが変更されたら、Masonryがレイアウトをやり直す前に、いくつかの計算を実行したいと思います。

これまで、jquery.masonry.jsファイルを変更し、オプションにコールバック関数を追加することでこれを行うことができました。しかし、石積みのコードを変更せずにそれを実行したいと思います。

追加されたオプションは次のとおりです(石積みの初期化):

そして、doPreResize私がしなければならないことは何でもします。.jsファイルの変更は、次のresize関数に含まれています(バージョンv2.0.110927の293行目付近)。

私がやりたいのは、isResizableオプションをに設定してMasonryを初期化falseし、スマートサイズ変更イベントを維持しながら、半手動でサイズ変更をトリガーすることです。

「smartresize」イベントを設定して、次のような関数を呼び出すことはできresizeLayoutますか?

私が見逃しているのは、サイズ変更イベントが常にトリガーされないように設定する方法ですが、代わりに、がである場合にMasonryが行うのと同じ方法で実行されisResizableますtrue

0 投票する
1 に答える
167 参照

jquery - 石積みの位置に応じて新しい要素を配置する方法

jQuery masonry を使用するこのページがあります。これは 2 列のページで、私がやりたいことは、左側に表示される分割に div を表示し、右側に表示される分割に別の div を表示することです。

そこで、別の div(#content) 内で組積造を使用する相対的に配置された div(.post) があります。私がやりたいことは、左側にある .post div にのみ div "A" を表示し、右側に表示される .post div にのみ div "B" を表示することです。

これは可能ですか?

0 投票する
1 に答える
243 参照

jquery - jQuery Masonry で要素を表示する

どうすればこれができるか知っている人はいますか?

div(.oddpost) をメーソン化した div(#content) があります。2列なので右か左のどちらかしか入りません。今私がやりたいことは、左に行く .oddposts に div(.A) を表示させ、左に行くものに別の div(.B) を表示させることです。

.A と .B はどちらも .oddpost の中にありますが、どちらも最初は隠されています。立場によって「見せる」ようにしたい。位置とオフセットを使用してみましたが、石積みを使用していないときに .oddpost で有効になり、石積みがレンダリングされるため、少し混乱します。jQueryを使用してこれを達成する方法はありますか?

0 投票する
4 に答える
6883 参照

javascript - ページの読み込み中に div を表示 (すべての JS および HTML/CSS)

Wordpress の添付ファイルから大量の画像を取得し、ある種の石積みグリッドを使用してページにダンプしています。すべて問題ありません。ただし、少し時間がかかります。

ページの読み込み中に、いくつかのテキストを含む div を表示し、その後、表示: なしを表示する方法はありますか?

私はこれまでのところこれを持っています:

そして私のCSS、

ただし、混合結果が返されます。待機してすべての石積みが機能する場合もあれば、そうでない場合もあり、石積みが失敗し、ページが奇妙に読み込まれます。

そこに他に何かあるのだろうかと思っただけです;)

ありがとう、R

0 投票する
1 に答える
1605 参照

javascript - 同位体 - 石積みのjqueryフィルタリング

誰かが私が間違っていることを理解するのを手伝ってもらえますか? isotope jquery プラグインを使用していますが、フィルタリングを除いてすべて正常に動作します..

ここで問題を再現しました --> http://jsfiddle.net/AxCCT/

これはかなり簡単に見えますが、明らかにここに明らかなものがありません。

ここの指示に従いましたhttp://isotope.metafizzy.co/docs/filtering.html

0 投票する
13 に答える
53240 参照

jquery - jQuery Masonry と Ajax Append アイテム?

いくつかの ajax と jQuery Masonry プラグインを使用していくつかのアイテムを追加しようとしていますが、何らかの理由で新しいアイテムに石工が適用されませんか?

私は使用しています

ただし、後で追加されるアイテムには適用されないためclass="masonry-brick"、配置が完全に詰め込まれますか?

0 投票する
1 に答える
1952 参照

jquery - jQuery石積みと無限スクロール問題

そのスクリプトを Tumblr テーマで使用して、石積みと無限スクロールを適用しています。これは 2 列のレイアウトなので、div は左または右にのみ移動します。また、テーマに石積みを適用する以外に、div には左に向かう矢印 (.rightarrow) と、右に向かう矢印には別の矢印 (.left arrow) も配置されます。

これまでのところ、すべてが正常に機能しています。私の問題は、次のページが読み込まれたときに始まります。どうやら、矢印コードは最初のページにのみ適用され、新しく追加された要素には適用されないようです。コードのさまざまな部分で矢印コードを繰り返してみましたが、うまくいきませんでした。それは本当に私を混乱させ始めています。私はjQueryを初めて使用するわけではありませんが、これを機能させるのに本当に苦労しています。

新しく追加されたdivにも適用されるように、矢印コードを配置する必要がある部分を誰か教えてもらえますか?