如何实时获取jquery的div大小

时间:2013-12-21 23:37:48

标签: jquery css html size resizable

我想知道我是否可以在调整大小时获得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>

1 个答案:

答案 0 :(得分:3)

你可以像这样处理resize事件(注意我假设你也在使用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>