动态更改另一格

尝试使用代码的一个div基于高度的上边距了解到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非常陌生;我应该从哪里出发？任何有识之士都将不胜感激。

来源

2014-09-30 pjldesign

你能描述你的用例和/或建立的jsfiddle演示？我很确定这有一个没有js的解决方案。 – 2014-09-30 16:05:50

你是什么意思'改变头部包装div'的外高？什么改变了它？ – LcSalazar 2014-09-30 16:10:09

嗯，这就是我如何使用脚本：我有一个覆盖菜单，在顶栏后面有一个固定的位置。菜单中的第一项，snw-button-outer-wrapper由于此脚本而具有与顶栏高度相同的页边空白值。一旦在顶栏中点击搜索按钮，它会在栏中展开手风琴，将其他所有内容向下推。我基本上是在根据顶栏的新高度尝试引用的页边距值。这里的链接：[链接]（http://c1358.paas2.tx.modxcloud.com/index.php?id=51） – pjldesign 2014-09-30 16:19:21

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

例如，像：

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

来源

2014-09-30 16:21:43

对。我可以为一个按钮使用两种不同的onclick功能吗？（'click'，function（）{（'＃searchAccordion .accordion-navigation [data-external-trigger]'）。trigger（'click。'）。 fndtn.accordion'）; }）;'谢谢你的帮助。 – pjldesign 2014-09-30 16:23:53

是的，我编辑了我的答案以适合您的代码。 – 2014-09-30 16:26:03

完美。再次感谢。 – pjldesign 2014-09-30 16:27:32

动态更改另一格

回答

相关问题