2

jQuery Masonry Pluginを使用するのはこれが初めてです。

私が抱えている問題は、2 つのサイズの.boxes を使用していることです。したがって、基本サイズ180x120pxと `360x240px` の 2 倍のサイズがあります。

そして、私の問題を説明するために、現在取り組んでいるサイトの簡単なモックアップを作成しました。

ここに画像の説明を入力

ここに表示されているのは、私が持っているグリッドで、すでに石積みで作業しています。ボックス内の数字は、DOM 内のボックスの順序を表します。

ご覧のとおり、DOM 要素 nr5 は大きなボックスであるため、右上隅に「スペース」がありません。

さて、私の質問 は可能ですか (または石積みの設定がありますか)、この場合、Nr.7 は右上隅に浮かびますか? スペースを残したくありません！

何か案は？

私が取り組んでいるコードはこれです…</p> 

$wall.masonry({ 
          columnWidth: 180, 
          itemSelector: '.box:not(.invis)',
          animate: true,
            animationOptions: {
              duration: 650,
              easing: 'linear',
              singleMode: true,
              queue: true
            }
        });

前もって感謝します。

4

1 に答える 1

0

問題が解決する場合は、wookmark jquery プラグインを試してください。wookmark プラグインは masonry と同じで、ビンパッキング アルゴリズムも使用しています。しかし、組み合わせが多すぎるため、石積みプラグインがスペースを無駄にしているとは思いません。これは np 完全または難しい問題です。多項式時間で解けたら大金持ち!?

于 2012-11-07T14:00:43.537 に答える