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

时间:2011-09-21 23:26:51

标签: javascript events

我在包装器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>

1 个答案:

答案 0 :(得分:1)

当调整窗口框架时,会发生onresize事件。

因此, div

似乎不支持

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

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