Javascript 函数未在 addEventListener 调整大小时触发

Question

我阅读了the response here，但据我所知，我的代码与解决方案相匹配。

responsedemoscripts 在页面加载时运行。 balancecolumns 的第一个实例运行，但调整大小根本不会触发 balancecolumns。

 function responsedemoscripts() {
    window.addEventListener('resize', balancecolumns);
    balancecolumns();
}


 function balancecolumns () {
    var longestColumn = 0;
    $('.contentitem').each(function () {
        longestColumn = Math.max(longestColumn, $(this).innerHeight());
        });
    $('.contentitem').height(longestColumn);
 }

Answer 1

你做错了将事件监听器放在一个函数中。如果你不调用它，这个函数永远不会触发。顺便说一句，如果您想在加载时调用 balancecolumns，您可以执行以下操作：window.onload=balancecolumns; 和以后的window.addEventListener('resize', balancecolumns, false); 或使用您的代码 sn-p 看到这个小提琴：http://jsfiddle.net/n8ekpqcp/

而不是这个：

 function responsedemoscripts() {
    window.addEventListener('resize', balancecolumns);
    balancecolumns();
}

这样做：

  window.onload=balancecolumns;
  window.addEventListener('resize', balancecolumns, false);