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

你做错了是把eventlistener放在一个函数中。如果不调用此函数，则永远不会触发此函数。顺便说一句，如果您想在加载时调用balancecolumns，您可以执行以下操作：PDO::ERRMODE_EXCEPTION和更高版本window.onload=balancecolumns;或使用您的代码段看到这个小提琴：http://jsfiddle.net/n8ekpqcp/

而不是：

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

这样做：

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

不会在addEventListener上触发Javascript函数调整大小

1 个答案: