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

Question

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

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

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

Answer 1

resize 事件仅由窗口 引发。您需要 Hook resizeable 插件中的 stop 事件，并使用 ui 帮助器获取大小。试试这个:

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

        // do stuff...
    }
});