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

时间:2014-09-24 13:14:40

标签: jquery event-handling code-duplication

我有两个事件处理程序,其中一个对另一个执行重复操作。我将如何重构此脚本以避免重复?

$('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});
});

0 个答案:

没有答案