javascript - jquery resize 函数无法按我预期的方式工作

Question

我有一个容器元素，其中有一个<img>标签。图像的宽度为 100%，高度为auto. 容器上的溢出设置为hidden，它也有一个max-height和min-height。这个想法是让图像在最大和最小断点内确定容器的高度。

因此，容器具有相对高度。为了实现流畅的过渡，我重置了resize事件的高度（出于复杂的原因，它img本身并没有设置高度，而是通过 javascript 计算然后更改）。这很好用，当我调整窗口大小时，一切正常。

但是我也想在加载事件上运行调整大小事件中的一些逻辑。所以，我想我会在负载中调用 resize ，如下所示：

$(window).load(function(){
    $(window).resize();
});

但是，这没有用。使用此代码，如果我手动调整窗口大小，即使只是一个像素，包含的元素也会正确缩放（它200px与加载时计算的高度与重置、正确缩放的高度有关）。

显然，我对这是如何工作的理解是错误的。我之前已经像这样调用其他事件来触发事件并触发其他事件。我怎样才能完成我想要的？

Answer 1

仍然想知道通过重新调整窗口大小实际实现了什么，但另一种触发resize方式是：

$(window).load(function() {
    $(this).trigger('resize');
});

Answer 2

尝试 .ready 而不是 .load

$(window).ready(function);

这是一个jsfiddle

Answer 3

我不知道问题是什么。我改变了我的方法并找到了一个不需要resize调用事件的不同解决方案load。