在容器调整大小事件 (onresize) 上重置元素 CSS 属性答案

【问题标题】：Resetting element CSS attributes on container resize event (onresize)在容器调整大小事件 (onresize) 上重置元素 CSS 属性
【发布时间】：2011-12-19 21:16:12
【问题描述】：

我在包装 div 的 onresize 事件中有一个函数来调整元素的大小。没有调用该函数。 onresize 事件是否对 div 不可用？

这是 HTML。

<div id="matting" onresize="resize_page();"> <!-- Begin page matting div -->

  <div id="page"> <!-- Begin page div -->

  </div> <!-- End page div -->

</div> <!-- End page matting div -->
<script type="text/javascript">
    function resize_page() {
        alert ('resize_page');
        $("#page").css('height','120%');
    }
</script>

【问题讨论】：

标签： javascript events

【解决方案1】：

onresize 事件在 window 或 frame 调整大小时发生。

所以，div

似乎不支持它

http://www.w3schools.com/jsref/event_onresize.asp

您可以使用 jquery 插件http://benalman.com/projects/jquery-resize-plugin/ 启动内部轮询循环，该循环会定期检查元素大小的变化并在适当时触发事件

【讨论】：