检测元素高度变化并隐藏，如果太小

Question

我正在使用支付网关小部件，需要检测其高度何时发生变化。为此，我需要定位容器中的第一个.col-xs-12并检测其高度是否已更改。

如果它的高度发生了变化，我需要检查高度是否小于310px。

如果是这种情况，我需要隐藏整行。

我已尝试过你在下面看到的内容，但它似乎无法正常工作。

var $paywhirlWidget = $("#payment-signup-section .container .row .col-xs-12:first-child"),
  lastHeight = $("#payment-signup-section .container .row .col-xs-12:first-child").height();

function checkForChanges() {
  if ($paywhirlWidget.height() != lastHeight) {
    if($paywhirlWidget.height() <= 310) {
        $paywhirlWidget.css("display", "none");
    }
    lastHeight = $paywhirlWidget.height();
  }
}

setTimeout(checkForChanges, 500);

Answer 1

根据要求：我注意到的一些事情是你正在使用setTimeout，它只执行一次。您将寻找函数setInterval（）来继续检查大小是否更新。