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 /布局问题。

使用JQuery调整Div的大小以匹配窗口维度

1 个答案: