Jquery 避免多个事件处理程序之间的重复

我有两个事件处理程序，其中一个执行与另一个部分重复的操作。如何重构此脚本以避免重复

$('img').on('load', function() {
    //Detect height of header image
    var headerHeight = $('.header-img').height();
    if (headerHeight > 0) {
        $('header').css({'position': 'fixed'});
        $('footer').css({'position': 'relative', 'top': headerHeight});
    }
});

$(window).resize(function() {
    //Recalculate headerHeight if browser is resized
    var headerHeight = $('.header-img').height();
    $('footer').css({'position': 'relative', 'top': headerHeight});
});

---

您可以为您认为重复的部件创建函数，并在必要时调用这些函数。