問題タブ [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 に答える
979 参照

jquery-plugins - jQuery Masonry の要素に下マージンを追加する

私は、David Desandro の jQuery Masonry プラグインの分岐バージョンを使用しており、列の幅を設定できます。

スペーサー幅: 10,

http://github.com/gilmoreorless/masonry

しかし、要素に下マージンを設定して、要素の列に等間隔を与えるにはどうすればよいでしょうか?

ありがとうございました

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

javascript - 特定の速度でスクロールすると、Masonry と Infinite Scroll のレイアウトが崩れる

流動的な幅のテーマがあり、jQuery Masonry と Infinite Scroll を使用しています。問題は、特定の速度 (速すぎず、遅すぎず) でページをスクロールすると、グリッドが壊れる可能性があることです。これは 2 つの列と Firefox でのみ見たことがあります。

画面レイアウト

なぜこれが起こっているのか知っている人はいますか?多くのことが考えられることはわかっていますが、誰かがこれを経験したことがあり、何が起こっているのかを知っていれば、大いに役立つでしょう.

更新: ページの最後の投稿の直後に休憩が発生します。後に続くものは、無限スクロールのコールバックによって生成されています。

0 投票する
3 に答える
9236 参照

jquery - 組積造のレンガをランダム化する

JQueryプラグインMasonryのブリックをランダム化して、ページが読み込まれるたびに異なる配置が表示されるようにすることは可能ですか?私が知る限り、ランダムのオプションはありません。

ありがとう!

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

javascript - スクロールバーがページ上で更新されない

ページでjQueryMasonryプラグインを使用しています。ボックスをクリックすると、ボックスの内容を示すポップアップダイアログが表示されるように設定しました。

ここでデモを作成しました。

ポップアップが表示される前に、すべてのボックスがそこに収まらないため、ページにスクロールバーがあります。ボックスの1つがクリックされると、ポップアップにコンテンツを追加して表示します。他のすべてのボックスを非表示にしましたが、ポップアップを反映するようにスクロールバーが更新されません。つまり、ポップアップのコンテンツは表示領域よりも小さくなりますが、スクロールバーはボックス用のままです。

私が何を意味するのか理解できたら、私を助けてくれませんか?

ありがとう。

0 投票する
3 に答える
3806 参照

jquery - jQuery Masonry と jQuery UI Sortable の競合

Masonry を使用すると、jQuery UI Sortable が機能しません。この競合を回避する方法はありますか? どんな助けでも大歓迎です。

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

javascript - jQuery組積造を下から上に

jQuery組積造スタックを下から上に作成する方法を知っている人はいますか?私は物事を下から上に積み上げるためにいくつかの基本的なJSを書きましたが、次のレンガを最短の列に積み重ねたり、複数の列にまたがるレンガを積み重ねたりするような石積みのようなことはできませんでした。私は数学が苦手なので、ソースコードを見るとめまいがします。

下から上に積み重ねる

誰でも試してみたいですか?

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

jquery - アイテムを削除するときに jquery.masonry を更新する

Ajax 経由でアイテムが削除されたときに Masonry を更新するにはどうすればよいですか? これは、アイテムを削除するために使用しているコードです。

更新が必要な理由は、アイテムが削除された後に生じるスペースを削除するためです。

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

jquery - jquery masonry:nth-​​child()は、子ノードに不要なマージンを追加します

私は素晴らしいjquery石積みプラグインを使用しようとしています-> http://desandro.com/resources/jquery-masonry/

プラグインは問題なく動作しますが、nth-child()セレクターを使用して3つおきの要素のマージンを削除するレイアウトの作成に問題があります。

このウィジェットのコンテナの幅は正確に1068ピクセルなので、3つのウィジェットが完全に収まります(最後のウィジェットには右マージンがないため)。

jquery masonryプラグインを使用しようとすると、この動作は無視されます。2つの列だけが収まります(プラグインが機能するため、すべてのウィジェットが石積みスタイルでフロートされます)。要素を調べると、3つおきの要素にも24pxの右マージンがあります。したがって、n番目の子は無視されます。

それを機能させる方法はありますか?

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

jquery - 誰かがJqueryプラグインメーソンリーからアイソトープに切り替えるのを手伝ってもらえますか?

私はJqueryを初めて使用するため、このスクリプトをMasonryからIsotopeに切り替える際に問題が発生します。Masonryを使用している間も、希望どおりに機能しますが、Isotopeですべてを試してみると、正しくアニメーション化されません... .boxを展開すると、他のdivが移動するだけで、アニメーション化されませんが、それらを新しい位置に「スライド」させます。

組積造形式のスクリプトは次のとおりです。http://jsfiddle.net/ryanjay/fgNMJ/

うまくいけば、誰かが助けることができます...

ありがとう!

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

jquery - アニメーションの後にIEのマージンが正しくないのはなぜですか?

私は自分のサイトの動的レイアウトにjQueryMasonry(google it、それはとても素晴らしい)を使用しています。

何らかの理由で、.load()イベントを実行した後にMasonryを呼び出すと、期待されるレイアウトが正確に得られません。

私が何を意味するかを確認するには、http://keepskatinbro.comにアクセスし、任意のボックスをクリックして展開すると、閉じたボックスが開いたボックスの周りに浮くようにレイアウトが調整されていることがわかります。問題は、開いたボックスの下のボックスが、開いたボックスの下部と重なっていることです。

ブラウザのサイズを変更すると(復元してから最大化)、ブラウザのサイズが変更されるとMasonryが起動するため、正しいレイアウトが表示されます。ブラウザのサイズを変更した後、大きく開いたボックスの下にマージンがあることに注意してください。

このマージンは、コンテンツを動的に開いてボックスに挿入した後に存在する必要があります。

ただし、他のブラウザでも完全に機能します。

これはすべてを実現するコードです。いくつかの関数、そして最後に最後のブロックがmasonize()を含むすべてを呼び出します。Masonize()はそれ自体でうまく機能しますが、コールバックでは、次のような問題が発生しているようです。

何が問題になるのか考えてみませんか?前もって感謝します!