3

さまざまな高さの要素を含むアイソトープ ページを作成しました。要素の大部分は同じ幅ですが、最初の 2 つの列にまたがる「大きな」ボックスでフローを開始できるようにしたいと考えています。

isoTope が幅の狭いブロックの 1 つから開始する場合は、通常のレイアウトに大きなブロックを配置しても問題ありません。ただし、大きなものを入れると、jQuery ステートメントに入力した設定 (列幅を 300 幅に指定するなど) にもかかわらず、突然すべてが 1 つの列に入れられます。

私が行ったことを調べて、これが実際のバグなのか、それとも私が見逃しているのかを提案できる人はいますか? 大きなブロックを一番下に配置し、ソート機能を使用して一番上に移動しようとしましたが、同じ問題が発生します。

http://territorydigital.com/mmrs/index.html <- これは最初の大きなブロックです http://territorydigital.com/mmrs/index2.html <- これは後で大きなブロックを持つ通常のブロックです

何が間違っているのかわからないので、どんな助けでも大歓迎です!

乾杯、

ダン

4

2 に答える 2

4

なんとなくこれが効くかも..

http://isotope.metafizzy.co/docs/layout-modes.htmlからの引用

Masonry は Isotope のデフォルトのレイアウト モードです。項目要素は、垂直グリッド内にインテリジェントに配置されます。スクリプトは、アイテム要素ごとに、グリッド内のアイテムに次に適したものを計算します。

グリッドの 1 列の幅。columnWidth に値が設定されていない場合、デフォルトは最初の item 要素の幅です。

解決策は次のとおりです。

$('#container').isotope({
  masonry: {
    columnWidth: 1 // or any number smaller than your medium size box/item
  }
});

に設定columnWidthすると'1'、同位体columnWidthは最初の要素のサイズではなく、定義されたサイズを使用するようになります。したがって、以前の返信からの私の回答を正当化します (削除:( )

于 2012-11-19T21:27:22.153 に答える
0

列幅をセレクターに設定できるようになりました。おそらく、レイアウトに含まれていないもののサイズを見つけるために使用されるアイテムです。ガターも同様です。

ここを参照してください：

http://isotope.metafizzy.co/layout-modes/masonry.html#columnwidth

于 2014-08-27T01:42:43.060 に答える