浏览器调整大小时的Javascript刷新+如何使它不那么痛苦

Question

我有这个模板我正在处理其中有几个动态调整大小的div（他们复制其他div的高度）：

$('#postThumbnailGhost').height($('.wp-post-image').height()); 
$('#post').css('min-height', $('.wp-post-image').height()); 

它工作得很好，直到我尝试调整浏览器的大小。该脚本不会再被调用。

那么，为什么不重新加载整个页面，如果窗口调整大小？

正常，则：

$(window).resize(function(){location.reload();}); 

但是，当重新加载页面，它会闪烁一些内容是动态生成了很多。

例如，我预先提到的两个divs。我也有一个嵌入式twitter时间表，每次页面加载时都会自动刷新。

所以问题是如何使重新加载无痛（没有任何眨眼）。

顺便说一下，我的jquery调用在页脚中，对于我所有的脚本都是一样的。

/！\有时当我重新加载在我的网站的页面似乎JavaScript是不工作的，或者叫过晚，导致在模板上被搞砸了（也许是因为它在页脚？）

++ JSFiddle不具有动态div的调整大小问题。您可以无任何问题地调整渲染部分的大小。 JSFiddle of the project, without window load script

++ Link of the project live

Séane

Answer 1

有没有必要重装当窗口大小，只是调整：

function updateHeights() { 
    $('#postThumbnailGhost').height($('.wp-post-image').height()); 
    $('#post').css('min-height', $('.wp-post-image').height()); 
} 
updateHeights(); 
$(window).on("resize", updateHeights); 

Answer 2

为什么你会重新载入页面，为什么不只是调整大小再次调用相同的代码？

$(window).resize(function(){ 
    $('#postThumbnailGhost').height($('.wp-post-image').height()); 
    $('#post').css('min-height', $('.wp-post-image').height()); 
}); 

虽然，它可能会聪明地把该代码放到一个函数，所以它不会重复，并调用函数需要时。