调用函数时，调整窗口(Call a function when window is resized)

我怎样才能呼吁每当调整浏览器窗口中再次运行此（或任何）JS功能？

<script type="text/javascript">
 function setEqualHeight(e) {
     var t = 0;
     e.each(function () {
         currentHeight = $(this).height();
         if (currentHeight > t) {
             t = currentHeight
         }
     });
     e.height(t)
 }
 $(document).ready(function () {
     setEqualHeight($(".border"))
 })
</script>

Answer 1:

您可以使用该窗口onresize事件：

window.onresize = setEqualHeight;

Answer 2:

您可以订阅window.onresize事件（ 见这里 ）

window.onresize = setEqualHeight;

要么

window.addEventListener('resize', setEqualHeight);

Answer 3:

您可以使用jQuery的，所以使用绑定它.resize()方法。

$(window).resize(function () {
    setEqualHeight( $('#border') );
});

Answer 4:

这段代码将添加窗口后200毫秒大小后它调用调整大小功能的计时器。 这将减少方法的调用。

var globalResizeTimer = null;

$(window).resize(function() {
    if(globalResizeTimer != null) window.clearTimeout(globalResizeTimer);
    globalResizeTimer = window.setTimeout(function() {
        setEqualHeight();
    }, 200);
});

文章来源: Call a function when window is resized