我有这两段代码
function fixFooter() {
var wrapper = $('#disqus_wrapper').height();
if ( wrapper > 200 ) {
$(window).trigger('resize');
}
};
var element = $('#disqus_wrapper');
new ResizeSensor(element, function() {
fixFooter();
});
预期的效果是每次div#disqus_wrapper改变高度时窗口都会调整大小。(修复注释和页脚重叠)
好吧,代码工作,但只有一次页面加载后。我需要它在div每次改变高度时调整大小。我试着用警报切换触发器("调整大小")功能,一切都很好。任何想法为什么触发器('调整大小')只工作一次,我怎么能解决它?
更新;
html是这样的因为我正在加载Disqus评论系统
<div id="disqus_wrapper"><div id="disqus_thread"></div></div>
用于检测div高度变化,我使用这个库https://github.com/marcj/css-element-queries (the resizessensor .js)
你需要调用你的函数fixFooter()
在窗口大小调整事件
$( window ).resize(function() {
fixFooter();
});