主页 / 问题 / 1277762
Accepted
Denis
Asked:2022-05-04 01:36:01 +0000 UTC2022-05-04 01:36:01 +0000 UTC

窗口调整大小后运行函数

  • 772

这是功能

function getCardParams() {
    innerWrappHeightArr = [];
    $(".bc_card").css({
        "height" : "auto"
    });
    $(".bc_card").each(function() {
        innerWrapp = $(this).find(".inner_content");
        innerWrappHeight = $(this).height();
        innerWrappHeightArr.push(innerWrappHeight);
    });
    maxHeight = Math.max.apply(null, innerWrappHeightArr);
    $(".bc_card").css({
        "height" : maxHeight + "px"
    });
}

如何仅在浏览器窗口大小调整结束后运行它？我们需要计算所有卡片的最大内容高度。

javascript

1 个回答

  1. Best Answer

    将此代码添加到您的项目中

    window.addEventListener('resize', getCardParams);

    要在调整大小完成后运行该函数，您需要使用计时器。DOM 中没有方法来跟踪屏幕调整大小的结束。

    这是计时器的代码：

    function debounce(func){
  var timer;
  return function(event){
    if(timer) clearTimeout(timer);
    timer = setTimeout(func,100,event);
  };
}

window.addEventListener('resize', debounce(getCardParams));
    • 0

相关问题