Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 获取可调整大小的div的大小_Jquery_Jquery Ui - Fatal编程技术网

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

Jquery 获取可调整大小的div的大小,jquery,jquery-ui,Jquery,Jquery Ui,我有一个使用jQueryUI的可调整大小的div。每次调整大小时,我都需要得到它的大小。我的代码如下: $(".resizeable_div").on("resize", function(event, ui) { var h = $("#h").height(); var w = $("#w").width(); }); 上面的代码只获取div的初始大小。每次我调整div的大小时,高度和宽度都不会改变。任何帮助都将不胜感激。只有窗口才会引发调整大小事件。您需要在可调整大小的插

我有一个使用jQueryUI的可调整大小的div。每次调整大小时,我都需要得到它的大小。我的代码如下:

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

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

只有
窗口
才会引发
调整大小
事件。您需要在
可调整大小的
插件中钩住
停止
事件,并使用
ui
帮助程序获取大小。试试这个:

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

        // do stuff...
    }
});

调整大小
事件仅由
窗口
引发。您需要在
可调整大小的
插件中钩住
停止
事件,并使用
ui
帮助程序获取大小。试试这个:

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

        // do stuff...
    }
});

我记得,使用jqueryui和上面的代码,divis没有
resize
事件。我唯一的问题是如何获得新的大小。是的,我相信它只适用于
窗口
——正如我所记得的,对于divis没有
调整大小
事件,使用jquery ui使用上述代码。我唯一的问题是如何得到新的尺寸。是的,我相信它只适用于
窗口
-这是完美的。非常感谢你。干杯需要等待5分钟。:)这太完美了。非常感谢你。干杯需要等待5分钟。:)