jquery - jQuery：在窗口调整大小时更新砌体列宽，两次

Question

我正在尝试使用 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;
        }

      });
});

但是我在实现这一点时遇到了问题，我可以让一个函数工作，但是两次切换列宽被证明是困难的。这是可能吗？

Answer 1

这将是因为您使用var num了两次。一旦它被声明，你不需要再次声明它。

var num = (containerWidth > 1200) ? 3 : 2;
num = (containerWidth > 1700) ? 4 : num;