Search jQuery

jQuery Forum

How do I get the Resizable stop event to fire after the resize animation is finished?

in Using jQuery UI • 11 years ago

Using the resizable plugin with animation turned on, the stop event is called before the animation is finished. Is this the designed behavior? If so, how do I capture the event after the animation is done?

For some context, I'm trying to find out the width of the newly resized element but I get unreliable results if resize animation is turned on.

Replies(1)

Ben Ellis

Re: How do I get the Resizable stop event to fire after the resize animation is finished?

7 years ago

3 years later... an answer :)

$('.resizable').resizable({
stop: function(event, ui) {
var resized = $(this);
resized.queue(function() {
resizeComplete(resized);
$( this ).dequeue();
});
}
});
function resizeComplete(element) {
alert('resized!');
}

Top Reply

Response title

Attachments

jQuery Forum

How do I get the Resizable stop event to fire after the resize animation is finished?

Replies(1)

Re: How do I get the Resizable stop event to fire after the resize animation is finished?

Statistics

Tags

Actions

Related Posts