2013-06-12 12 views
-2

正如标题要求...有没有办法让这个更新与浏览器调整大小,而不是单独刷新?有没有办法通过浏览器调整大小而不是单独刷新来实现此更新?

$(document).ready(function() { 
    $("#footer-container").css({'height':($("#footer").height()+'px')}); 
}); 
+3

的可能重复的[跨浏览器窗口调整大小事件 - 的JavaScript/jQuery的](http://stackoverflow.com/questions/ 599288 /跨浏览器窗口调整事件的JavaScript的jQuery)或[JQuery的:检测浏览器调整大小](http://stackoverflow.com/questions/2031872/jquery-detecting-a-browser- resize) – Joe

+1

另外,如果你搜索你的_exact_标题在谷歌这出现了:[调整窗口大小调整相等的高度函数](http://stackoverflow.com/questions/12903181/make-an-equal-height-function-resizeable -on-window-resize) – Joe

+2

我不明白为什么人们甚至打扰回答这样的问题... – jahroy

回答

1

使用.resize()

$(window).resize(function(){ 
    $("#footer-container").css({'height':($("#footer").height()+'px')}); 
}); 
+0

这对我工作谢谢。我希望它在调整窗口大小之前调整大小,所以我这样写。 (){'height':($(“#footer”)。height()+'px')。$(document).ready(function(){ $(“#footer-container”)。 }); \t $(window).resize(function(){ \t \t $(“#footer-container”)。css({'height':($(“#footer”)。height()+' ()); \t}); });' – Tom

+0

您可以像这样触发调整大小 - '$(window).resize(function(){(“#footer-container”).css {'height':($(“#footer”)。height()+'px')}); })。resize();' –

+0

哦,那太干净了!我得说我不理解这是如何工作的。 – Tom

0

将事件处理程序附加到调整大小事件的窗口对象。

$(window).on('resize', function() {}); 
相关问题