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

当我将移动设备的窗口调整到500px时，我需要在脚本中更改一个选项。一定很简单，但我做不到。当窗口大小为例如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;
}
});

希望有人能帮助我。

使用onresize事件

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

---

您可以始终将CSS类附加到您的元素，然后根据需要在CSS文件中使用媒体查询进行调整。您可以在CSS的帮助下创建响应页面。由于我无法管理，您能否提供一个关于“做点什么”的示例。请简单地将“fitWidth”转换为“false Please”，我不熟悉同位素。快速查看，由于缓存fitWidth的想法，我无法将新值重新分配给fitWidth？idk。但有效的方法是重新分配$grid，包括fitWidth:false