如何检测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>

呼如林

浏览 915回答 3

3回答

米脂

您必须绑定resize事件的window对象，而不是在泛型html元素上。然后您可以使用这个：$(window).resize(function() {     ...});在回调函数中，可以检查div呼叫$('.a-selector').width();所以，你的问题的答案是不，您不能绑定resize事件发送给div。

随时随地看视频慕课网APP