jQuery：在窗口调整大小时更新两次masonry columnwidth

Question

我正在尝试使用jQuery masonry插件在列宽之间切换，具体取决于浏览器窗口大小。因此，如果浏览器窗口小于1700px，您将从4列切换到3，那么当浏览器窗口小于1200px时，您将从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;