JQuery Resizing停止后如何获取宽度和高度？

Question

在使用 JQuery UI Ressized 调整 div/元素大小后，有什么方法可以获取其大小吗？

Answer 1

$( ".selector" ).resizable({
    stop: function(event, ui) {
        var width = ui.size.width;
        var height = ui.size.height;
    }
});

Answer 2

$( "#resizable" ).resizable({

    stop: function( event, ui ) {

        height = $("#resizable").height(); 

        width = $("#resizable").width(); 

    } 
});

Answer 3

您始终可以使用 height() 和 width()

Answer 4

在可调整大小的 init 对象中，为 resizestop 事件定义一个处理程序，然后您可以在其中检查大小。

$( ".selector" ).resizable({
   stop: function(event, ui) { ... }
     // not 100% sure it'll be event.target that you want,
     // inspect in console to double-check
     var width = $(event.target).width();
     var height = $(event.target).height();
     // do stuff with width & height
});

Answer 5

添加“停止”事件的处理程序。

$("#element").resizable({
   stop: function(event, ui) {
      var x = $(event.target).width();
      ...
   }
});

您还可以绑定到resizestop。