jquery - $(window).resize() 不起作用

Question

我有以下 jquery 代码来调整一组元素的大小，使它们与最高元素的高度相同。当我刷新屏幕时，该函数工作正常，但 $(window).resize() 似乎不起作用。

jQuery(document).ready(function($) {

    function equal_height(target) {
        var maxHeight = -1;

        $(target).each(function() {
            maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
        });

        $(target).each(function() {
            $(this).height(maxHeight);
        }); 
    };

    var responsive_viewport = $(window).width();

    if (responsive_viewport >= 768) {

        equal_height('.cta-text');

        $(window).resize(function() {
            equal_height('.cta-text');
        });
    }

});

Answer 1

解决了!

问题不在于如何或何时调用该函数，它不起作用，因为它是根据第一次运行该函数时设置的大小来确定新大小的。

我已将其添加到 equal_height 函数的开头，以将元素的高度重置为其自然高度。

$(target).each(function() { 
    $(this).height('auto');
});