使用jQuery调整一个div来匹配窗口尺寸

Question

这里是不起作用的代码：

（该行为是DIV不会改变大小，请注意，我还使用JScrollPane的这一格。 [我的意思是JavaScript库和而不是 Swing组件]）。

function resizeDivs() 
{ 
    alert("BEFORE\n#page width, height: " + $('#page').css("width") + "," + $('#page').css("height")); 
    alert("window width, height: " + $(window).width() + "," + $(window).height()); 

    $('#page').css("width", $(window).width()); 
    $('#page').css("height", $(window).height()); 

    alert("AFTER\n#page width, height: " + $('#page').css("width") + "," + $('#page').css("height")); 
} 

Answer 1

我看不出为什么你的代码不应该工作。您可以在这里对堆栈溢出看到同样的事情做工精细：

$("#question-header").css("width", $(window).width()); 

我怀疑你的代码获取调用之前resize事件已经在浏览器全面完成。也许你可以解决这个使用定时器，把这个地方你的大小调整的回调是：

setTimeout('resizeDivs()', 10); 

我还检查可能会干扰其他CSS /布局问题。