when does the resize stop event called? (JQuery UI)

Question

hey every one.
i'd like to makes an object re-draggable after resize finishes but i do not know when does it finish. what action calls the stop event?

thank you

Answer 1

I think you're looking for the resizestop event, which is triggered at the end of a resize operation. You can tap into the event like this on initialization of the resizable object:

$("#resizable_div").resizable({
    stop: function(event, ui) {
        alert('stopped resizing');
    }
});

Or you can use bind to attach an event handler:

$("div").bind("resizestop", function(event, ui) {
    alert('stopped resizing');
});