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

问题描述

我在包装器div的onresize事件中有一个函数来调整元素的大小。该函数不被调用。 onresize事件不可用于div吗？

这是HTML。

 < div id =mattingonresize =resize_page（）;> <！ - 开始页面matting div  - > 
 
< div id =page> <！ - 起始页div  - > 
 
< / div> <！ -  End page div  - > 
 
< / div> <！ - 结束页面填充div  - > 
< script type =text / javascript> 
 function resize_page（）{
 alert（'resize_page'）; 
 $（＃page）。css（'height'，'120％'）; 
} 
< / script> 
  

解决方案

当窗口或框架被调整大小。

所以，它似乎不支持 div p>

您可以使用jquery插件启动内部轮询循环，定期检查元素大小更改并在适当时触发事件

I have a function in the onresize event of a wrapper div to resize an element. That function isn't called. Is the onresize event not available for divs?

Here is the 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>

解决方案

The onresize event occurs when a window or frame is resized.

So, it seems it isn't supported for div

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

You can use jquery plugin http://benalman.com/projects/jquery-resize-plugin/ An internal polling loop is started which periodically checks for element size changes and triggers the event when appropriate

这篇关于在容器调整大小事件（onresize）上重置元素CSS属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！