jquery - divs上的jQuery调整大小插件

Question

我一直在看这个插件http://benalman.com/code/projects/jquery-resize/examples/resize/并且可以使它与显示窗口尺寸的示例一起正常工作。

我想显示特定 div 的尺寸，当我尝试这样做时，尺寸会在页面加载时显示，但不会随着通过更改浏览器窗口调整 div 的大小而改变。

我正在使用这段代码：

// Bind the resize event. When the window size changes, update its corresponding
// info div.
$('.main').resize(function(){
    var elem = $(this);

    // Update the info div width and height 
    $('#main-dim').text( 'Main, width: ' + elem.width() + ', height: ' + elem.height() );
});

// Updates the info div immediately.
$('.main').resize();

});

.main是我想要获取尺寸#main-dim的 div，是显示尺寸的 div。

谁能告诉我我在这里做错了什么？

谢谢！

Answer 1

在文档就绪块之间环绕您的代码：

<script>
  $(document).ready(function(){
     // add code here
  });
</script>