Как получить ширину и высоту после остановки JQuery Resizable?

Question

Есть ли способ получить размер элемента / элемента div после изменения его размера с помощью JQuery UI Resizable ?

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 () для элемента jQuery

Answer 4

Добавить обработчик для события 'stop'.

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

Вы также можете привязать к resizestop .

http://jqueryui.com/demos/resizable/#event-stop

Answer 5

В вашем объекте 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
});