2013-06-12 26 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() {}); 
相關問題