2

ブラウザー ウィンドウのサイズが変更されたときに、流動石積みレイアウトの columnWidth を変更する方法を見つけようとしています。したがって、ブラウザーの幅が 1300px 未満の場合、columnWidth は 4 から 3 に切り替わります。これ
が私の jQuery です。

jQuery(document).ready(function() {

        jQuery('#thumb-wrap, #thumb-wrap-2').masonry({
          itemSelector: '#thumb-container-1, #thumb-container-2',
          // set columnWidth a fraction of the container width
          columnWidth: function( containerWidth ) {
            return containerWidth / 4;
          }

          });
    });

これはまったく可能ですか？

4

1 に答える 1

1

ウィンドウリサイズで再定義してはどうですか？

$(window).resize(function() {
    $('#thumb-wrap, #thumb-wrap-2').masonry({
        itemSelector: '#thumb-container-1, #thumb-container-2',
        columnWidth: function(containerWidth) {
            var num = (containerWidth > 1300) ? 4 : 3;
            return containerWidth / num;
        }
    });
});
于 2013-02-15T10:16:18.633 に答える