jquery - 如何用jquery实时获取div大小

Question

我想知道是否可以在调整大小时获取 div 的大小。

我正在使用 jquery 1.10.2 并使用了一个可调整大小的 DIV，但我看到我有事件开始和停止，这允许我在开始单击或停止单击时获得 div 大小，但我想要在调整 div 大小时实时获取 div 大小并将它们(高度和宽度)写入文本框或 div 或类似的东西。

<script type="text/javascript">
    $(function () {
        $("#divResizable").resizable({
            start: function (event, ui) {
                var width = ui.size.width;
                var height = ui.size.height;
                //alert(width);
                document.getElementById("divText").innerHTML = width;
            }
        });
    });
</script>

Answer 1

您可以像这样处理调整大小事件(请注意，我假设您也在使用 jquery UI):

<script type="text/javascript">
    $(function () {
        $("#divResizable").resizable({
            resize: function (event, ui) {
                var width = ui.size.width;
                var height = ui.size.height;
                $("#divText").html(width + ', ' + height);
            }
        });
    });
</script>