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

jquery - jQueryアイソトープ組積造レイアウトアニメーションが失敗する:(

このテストサイトでjQueryIsotopeの石積みレイアウトを機能させようとしています:http: //make.truliablog.com/test-filters

正しく並べ替えられているように見えますが、ウィンドウのサイズを変更してブロックを調整したときのアニメーションが機能していません。この問題を解決するにはどうすればよいですか?

関連するjQueryコードは次のとおりです。

0 投票する
0 に答える
993 参照

javascript - 同位体にロードする前にアイテムをフィルタリングする方法

同位体のフィルター機能を利用しています。私が書いた:

2 か所:

問題は、ハッシュされたリンクをクリックするか、ハッシュ付きの URL を入力するたびに、ブラウザが最初にすべての項目をロードし、後でフィルタリングして除外することです。私が欲しいのは:ページはフィルタリングされたアイテムのみをロードします。

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

fixed-width - 幅が固定された Isotope または Masonry を使用するにはどうすればよいですか?

固定幅の外部コンテナで Isotope (または Masonry) を使用する方法を見つけることができませんでした。

それは常にサイズ変更を主張します。オプション、コード、グーグル、ここを調べましたが、答えが見つかりませんでした。

それは可能ですか?

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

jquery - ネストされたulを使用したulのjquery組積造

レベルが相互にネストされたサイトマップのフッターナビゲーションを作成しようとしています。組積造を使用したいので、パディングとマージンは一貫しており、ネストされたアイテムに応じて変更されません。その発砲石積みですが、最初の()ulだけを選択するように石積み呼び出しを変更すると、ネストされたulに相対スタイルが追加され、ネストされたliが1行に表示されます。

何か案は?

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

jquery - jQuery masonry 複数の ajax 呼び出しの問題

ajax 呼び出しで jQuery Masonry プラグインを使用すると問題が発生します。

サーバーからかなり標準的なhtmlコンテンツを取得するフィルター関数があります(div、画像なし):

これは、ページの読み込み時に次のように呼び出されます。

これはすべて期待どおりに機能しています。ただし、クリックして呼び出してみるとfilter()、コンテンツは正常に取得されますが、石積みはフォーマットされていません。

私は Ajax の成功関数で masonry を呼び出しており、最初の実行で機能しているため、問題が何であるかは実際にはわかりません...誰かアイデアがありましたか?

ありがとう!

ジェームズ

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

jquery - 組積造スタッキングによる上/下マージン

私はJQueryとMasonryを使用していますが、画像からわかるように、ボックスが正しくスタックしていません。サイドマージンは素晴らしいですが、トップ/ボトムは間にランダムな量の大きなスペースを与えます。

ここで私を助けることができる人はいますか?

ボックスのCSS:

問題のスクリーンショット: https ://skitch.com/subzane/f8n36/2010-andreas-normans-blogg

解決策: エラーはカスタムフォントを使用している場合にのみ表示されるようです。これを修正するには、$(document).ready()の代わりに$(window).load()を使用してスクリプトをロードする必要があります。

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

jquery - 組積造プラグイン:divのサイズを変更しても再シャッフルは発生しません

Masonryアイテムを1000px幅のdivでラップし、jQueryを使用してdivを2000xにサイズ変更するボタンがありますaddClass()。問題は、Masonryがアイテムを再シャッフルして余分な1000pxスペースを埋めないことです。ブラウザウィンドウのサイズを変更すると、サイズ変更が機能することがわかります。再シャッフル。

組積造:

ボタン:

CSS:

('a')を実行してみました。同じボタンを使用して石積み関数をクリックすると、正常に機能しているように見えますが、問題は解決していません。

何かアドバイス?私は困惑しています:/

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

jquery-plugins - JQuery Masonry - 垂直方向のみに移動するように div をロックする

初めてのポスターですが、私はこのサイトをかなり長い間使用しており、通常はどこかで答えを見つけました。ただし、この場合、実際に質問する必要があります。

JSは私の得意分野ではないので、ご容赦ください。ダッシュボード アイテムを持つ Web ベースのアプリケーションがあります。これらは基本的に、そのユーザー向けの特定のコンテンツ (休日、アラート、メッセージなど) を含む div です。すべてが自然に浮いているように(左右の列がないため)、空白を閉じるためにMasonryを実装しました。

問題は、一部のダッシュボード項目が展開されてより多くのデータが表示されることにあります (これは現在 AJAX によって処理されています)。メーソンリーはコンテナやその他の要素の高さを固定するため、スペースを増やすのではなく、要素が他の要素の後ろに配置されてレイアウトが崩れます。

アイテムを垂直方向にのみ移動させる方法や、特定のアイテムを常に右または左に配置する必要があることをメーソンリーに伝える手段はありますか?

よろしく

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

javascript - jquery Masonry、div#containerの中央に新しいdivを追加します

HTMLにいくつかのDIVがあり、いくつかのdivをクリックしてから、div#containerの中央に新しいdivを追加したいと思います。そして、ページはreload、この新しいdivの周りに最初の部分のdivを配置することができます。

しかし、これは私が必要なものですw32KM.jpg

これが私のコードです。http://jsfiddle.net/PQGGT/
まだwindow resize関数があります。

0 投票する
5 に答える
22147 参照

javascript - 異なる幅の要素でjQuery組積造を使用するにはどうすればよいですか?

jQuery Masonryプラグインを実装していますが、1列より広い要素に問題があります。つまり、すべてのMasonry要素のdiv幅が同じではありません。誰かがこれで私を助けることができますか?