javascript - 如何更改调整窗口大小的 javascript 选项？

Question

当我将移动设备的窗口大小调整为 500 像素时，我需要在脚本中更改一个选项。一定很简单，但我无法做到。当窗口大小为 500px 时，我需要将 fitWidth: true 设置为“false”。

这是代码:

// 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");
  }
}