当浏览器窗口调整大小时,我如何调用这个(或任何)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>
5条答案
按热度按时间mrphzbgm1#
你可以使用window
onresize
事件:axkjgtzd2#
您可以订阅
window.onresize
事件(See here)或
6jygbczu3#
这段代码将添加一个计时器,在窗口调整大小后200毫秒后调用resize函数。这将减少对方法的调用。
yuvru6vn4#
您使用jquery,因此使用
.resize()
方法绑定它。wztqucjr5#
JavaScript最近增加了对ResizeObserver API的支持,它允许你将回调绑定到任何特定的元素(如果你想针对特定的元素,即使整个页面都没有调整大小,这也是非常有用的);但是,您也可以通过传入根元素来使用它以整个文档为目标。