为了账号安全,请及时绑定邮箱和手机立即绑定

如何检测DIV的尺寸变化?

如何检测DIV的尺寸变化?

呼如林 2019-07-04 14:53:06
如何检测DIV的尺寸变化?我有下面的示例html,有一个100%宽度的DIV。它包含了一些元素。在执行窗口调整大小时,内部元素可能被重新定位,div的尺寸可能会改变。我在问是否有可能将div的维度更改事件挂钩?怎么做呢?目前,我将回调函数绑定到目标DIV上的jQuery调整大小事件,但是没有输出控制台日志,请参见下面的内容:<html><head>     <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>     <script type="text/javascript" language="javascript">             $('#test_div').bind('resize', function(){                 console.log('resized');             });     </script></head><body>     <div id="test_div" style="width: 100%; min-height: 30px; border: 1px dashed pink;">         <input type="button" value="button 1" />         <input type="button" value="button 2" />         <input type="button" value="button 3" />     </div></body></html>
查看完整描述

3 回答

?
米脂

TA贡献1836条经验 获得超3个赞

您必须绑定resize事件的window对象,而不是在泛型html元素上。

然后您可以使用这个:

$(window).resize(function() {
    ...});

在回调函数中,可以检查div呼叫

$('.a-selector').width();

所以,你的问题的答案是,您不能绑定resize事件发送给div。


查看完整回答
反对 回复 2019-07-04
  • 3 回答
  • 0 关注
  • 914 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信