0

アイソトープのWebサイトで提供されているデフォルトのコードのみを使用しています。プラグインは機能しますが、ページ上では問題ありません。デフォルトでは、列幅とガター幅を指定せずに、同位体は要素間に7pxのマージンを自動的に適用します。ただし、このマージンを少なくして、ドキュメントの指示に従って列幅とガター幅を渡そうとすると、常に失敗します。コードは次のとおりです。

$container.isotope({
     itemSelector: '.gallery-item',
     masonry : {
        columnWidth: 300, 
        gutterWidth: 2
               }
});

チェックアウトするためのライブURLはありませんが、ここでチェックアウトできます。ここでは、「公式」jsfiddleのコピーを作成し、列幅とガター幅を追加するだけです。ボックスの幅と高さは70pxですが、理解できないことがない限り、正しく機能していないことがわかります。

http://jsfiddle.net/PUhtY/

ありがとう！

4

2 に答える 2

1

それでも答えを探している場合は、jQuery GutterWidthExtensionが必要になります。

https://gist.github.com/Huskie/2574891

同位体関数の外でそれを叩いてください、そしてあなたは行く準備ができているはずです！私は同じ問題を抱えていました、そしてそれは私のために働きました。

于 2013-02-07T21:39:36.477 に答える