如何在调整窗口大小时更改 javascript 选项？

Question

当我将移动设备的窗口缩小到 500 像素时，我需要更改脚本中的一个选项。必须很简单，但我无法管理它。当窗口大小为例如 500 像素时，我需要 fitWidth: true 为“假”。

代码如下：

// init Isotope
var $grid = $('#container').isotope({
itemSelector: '.element',
masonry: {
columnWidth: '.element',
fitWidth: true,
horizontalOrder: true
},
filter: function() {
var $this = $(this);
var searchResult = qsRegex ? $this.text().match( qsRegex ) : true;
var buttonResult = buttonFilter ? $this.is( buttonFilter ) : true;
return searchResult && buttonResult;
}
});

希望有人可以帮助我。

Answer 1

使用 onresize 事件

window.onresize = function() {
  if (screen.width <= 500) {
   console.log("do something");
  }
}