动态更改另一个div的div高度的上边距

Question

尝试使用已学习的代码here

更新固定位置div的上边距，如下所示：

jQuery(document).ready(function ($) { 
    var sw = $(".snw-button-outer-wrapper");
    var hw = $(".header-wrapper"); 
    sw.css("margin-top", hw.outerHeight());
});

但是在头部包装器div的外部高度发生变化时，上边距不会更新，只有在初始化时才会更新一次。显然，我对javascript / jQuery很新;我应该从哪里开始？任何见解都将非常感激。

Answer 1

如果此代码需要多次运行（初始加载），那么您最好在单击搜索按钮时运行此代码。

例如：

$(function(){
    $('#searchButton').on('click', function(){
        var sw = $(".snw-button-outer-wrapper");
        var hw = $(".header-wrapper"); 
        sw.css("margin-top", hw.outerHeight());       
    });
});

修改

$('a.searchBtn').on('click', function () { 
    $('#searchAccordion .accordion-navigation [data-external-trigger]').trigger('click.fndtn.accordion');
    var sw = $(".snw-button-outer-wrapper");
    var hw = $(".header-wrapper"); 
    sw.css("margin-top", hw.outerHeight());       
});