當頁面直接加載時，jquery沒有設置元素高度，只有當鏈接到另一頁時

Question

我試圖強制在我的一個頁面上的元素的高度，但無論出於何種原因，只有當我點擊頁面來自另一頁面上的鏈接。如果您直接轉到網站頁面或重新加載它，則不行。該網頁是在這裏：

http://kylejenningsdesign.com/gp/

有應該是右側的大幻燈片。

Answer 1

嘗試改變

$('.imageCycler img').each(function(){ 
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); 
     $(this).closest('div').height($(this).height()); 
}); 

到

$('.imageCycler img').load(function(){ 
     maxHeight = (maxHeight > $(this).height()) ? maxHeight : $(this).height(); 
     $(this).closest('div').height($(this).height()); 
     $('.imageCycler').height(maxHeight); 
}); 

這將觸發高的計算都加載之後的圖像。 瞭解更多：http://api.jquery.com/load-event/

Answer 2

您的問題似乎是，非工作版本將圖像div的高度設置爲0.您仍然正確設置和取消設置「display：none」，但0高度不起作用。我不太確定爲什麼這種情況正在發生，但是如果您修改了將div設置爲可見的代碼，並將高度設置爲合理的值（例如600），然後對pageload上的第一個元素執行此操作，那麼應該讓你圍繞它進行討論。事實上，如果你試圖設置高度而不是在頁面加載時這麼做，那可能是你的問題。我不確定爲什麼發生這種情況，但如果我不得不猜測我會說這是加載順序。