I couldn't find if there is a way to do this in the documentation.
I have an element (div) marked as resizable. There is a function bound to the resize() event and an object which is also resized.
- $("#object").resizable({ handles: "all" , alsoResize: "#object .sizewith", resize: resizeFunction });
I need a way to resize this object to a specific size, call any bindings, and resize the 'alsoResize' object.
I set up a demo here:
http://azoundria.com/jstest/demo2.phpWhen the resizable object is resized manually, the 'resize' function is
called (which appends 'r' to the output for the purposes of testing). In
addition, the 'alsoResize' element is resized (the green box within the
window).
The demo also features a link to resize the object. It uses CSS for the moment, then manually triggers the 'resize' event for that object (.trigger('resize')). However, the 'alsoResize' element is not resized and no text is appended.
I need a solution so that when the link is clicked, it mimics the user manually resizing the object.