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是我想要获得尺寸的div，#main-dim是显示尺寸的div。

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

谢谢！

Answer 1

将代码包含在文档就绪块之间：

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

jQuery调整div上的插件大小

1 个答案: