获取可调整大小的div的大小

Question

我有这个可调整大小的div使用jQueryUI。我需要在每次调整大小时获得它的大小。我的代码如下：

$(".resizeable_div").on("resize", function(event, ui) {
    var h = $("#h").height();
    var w = $("#w").width();
});

上面的代码只获取div的初始大小。每次我调整div的高度和宽度都不会改变。任何帮助将不胜感激。

Answer 1

resize事件仅由window引发。您需要挂钩stop插件中的resizeable事件，并使用ui帮助程序来获取大小。试试这个：

$(".resizeable_div").resizable({
    stop: function(event, ui) {
        var w = ui.size.width;
        var h = ui.size.height;

        // do stuff...
    }
});