Div高度解决方案？

Question

我收到了以下javascript：

    <script type="text/javascript">
      $(document).ready(function(){
        $("#sidebar").height( $(document).height() ); 

    });
    </script>

这允许我允许div的高度与文档大小相同。但此刻我遇到了一个大问题。在我的网站中有各种javascript选项可以拉伸原始文档高度。

正如您可以猜到的那样，当文档被拉伸时div不会拉伸，因为脚本只在加载时运行。

现在我的问题是，如果有其他方法让javascript在每次文档大小增加或运行javascript时重新计算高度。我已经尝试将以下代码放在一些javascript代码后面：

 $("#sidebar").height( $(document).height() ); 

其中一些确实有效，但大部分都没有。除了javascript之外，另一个解决这个问题的方法也是受欢迎的。

亲切的问候，

安格斯

Answer 1

然而，远非高效，您可以使用文档“resize”事件：

$(document).resize(function() {
    //re-run code here.
}

在大多数情况下使用它很可能不会被推荐 - 但它在我在网页中生成动态背景时对我有用。理想情况下，您希望能够使您的原生结构和样式能够应对大小调整，但这并不总是很容易。

Answer 2

使用调整大小事件。

它将是：$（window）.resize（$（window）.height（））

Answer 3

window.onresize = function () {
$("#sidebar").height( $(document).height() );
// other stuff you want to do when the window is resized
}

您可能希望使用window.setTimeout来管理调用它的频率。 IE for one会在拖动时连续调用它。