0

ブラウザー ウィンドウのサイズに応じて、jQuery masonry プラグインを使用して列幅を切り替えようとしています。したがって、ブラウザー ウィンドウが 1700 ピクセル未満の場合は、4 列から 3 列に切り替えます。ブラウザー ウィンドウが 1200 ピクセル未満の場合は、3 列から 2 列に切り替えます。

jQuery(document).ready(function() {

    jQuery('#thumb-wrap').masonry({
      itemSelector: '#thumb-container',
      // set columnWidth a fraction of the container width
      columnWidth: function(containerWidth) {
            var num = (containerWidth > 1700) ? 4 : 3;
            var num = (containerWidth > 1200) ? 3 : 2;
            return containerWidth / num;
        }

      });
});

しかし、これを実装するのに問題があります.1つの機能を動作させることはできますが、列幅を2回切り替えるのは難しいことがわかっています. これはまったく可能ですか？

4

1 に答える 1

0

これは、var num2回使用しているためです。一度宣言すると、再度宣言する必要はありません。

var num = (containerWidth > 1200) ? 3 : 2;
num = (containerWidth > 1700) ? 4 : num;
于 2013-02-22T10:53:45.150 に答える