jQuery動態調整元素的高度到視口

Question

我有一些問題讓一個jQuery腳本正常工作。我需要我的標題元素是我的視口的高度。問題是，它不會擴展我的視口的高度，除非我點擊檢查元素或更改瀏覽器大小。我覺得這很奇怪，因爲它不是頁面加載視口的高度，但如果我篡改它，就會變成這樣。

這裏是我使用的是什麼：

$(document).ready(function(){ 
     $(window).resize(function(){ 
     var newheight = $(window).height();  
     $("header.full-header").height(newheight); 
     }); 
    }); 

Answer 1

消防功能後，再次調整大小事件，即：

$(window).resize(function(){ 
    // All your code here 
    var newheight = $(window).height();  
    $("header.full-header").height(newheight); 
}).resize(); 

現在應該工作，因爲你被解僱鏈調整大小的onload。

Answer 2

你必須在頁面加載一次調用該函數，如調整大小不火，直到窗口已經被調整。

$(document).ready(function(){ 
    doResize(); // run once on page load 
    $(window).resize(doResize); // run on every resize 
}); 
function doResize(){ 
    var newheight = $(window).height();  
    $("header.full-header").height(newheight); 
}