javascript - 使用 JQuery 调整 Div 的大小以匹配窗口尺寸

Question

这是不起作用的代码:

(行为是 div 不会改变大小。请注意，我还在这个 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

我不明白为什么你的代码不能工作。您可以在 Stack Overflow 上看到同样的事情工作正常:

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

我怀疑您的代码是在调整大小事件在浏览器中完全完成之前被调用的。也许您可以使用计时器来解决这个问题，将其放在调整大小回调所在的位置:

setTimeout('resizeDivs()', 10);

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