2

jQuery Isotopeプラグインを使用していますが、機能していますが、マージンを認識できないようです。

Firebugでマージンが適用されていることがわかりますが、アイテムはマージンとちょうど重なっています（アイソトープは絶対位置を使用しているためだと思います）。

私は以下を使用して幅を簡単に機能させました：

masonry : {
columnWidth : 172
          }

しかし、高さを機能させる方法がわかりませんでした（rowHeightを石積みで試しました。masonryHorizo​​ntal）。

使用する幅と高さを同位体に伝えるにはどうすればよいですか？

ありがとう

4

3 に答える 3

1

このコードを使用してみてください：

$(window).load() instead of $(document).ready()
于 2011-08-01T09:42:21.007 に答える
1

問題はおそらく、画像が読み込まれる前に Isotope が処理を行っていることです。次のコードを使用します。

var $container = $('#container');

$container.imagesLoaded(function() {
  $container.isotope({
    // options...
  });
});
于 2013-02-08T15:51:08.047 に答える
0

私は同様の（同じではないにしても）問題を抱えていました。アイテム間に垂直方向の間隔はありませんでした。タイル要素に次のCSSプロパティが含まれていることを確認してください。

.element {
  width: 110px; /*your columnWidth minus 10px */
  height: 110px; /*same as width, for a square grid system*/
  margin: 5px; /*5px here will result in 10px of vertical spacing between tiles*/
  float: left;
  overflow: hidden;
  position: relative;
}

お役に立てれば。

于 2011-08-18T03:52:07.417 に答える