jquery/jquery-ui — pull request #1133 by patrixd (2013-11-13 13:51:07+00:00)
Title: Resizable: Custom handlers did not work with selectors (inside the resizable element) and jquery objects (outside). Fixed #431 - Resizable: custom handles do not work

I needed to use as handle a div outside the resizable element. So I tried to specify the jquery element as the documentation said but it did not work.
handles: { "s": $("#customResizableHandle") },

The documentation said in handles option:
Object:
The following keys are supported: { n, e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery selector matching the child element of the resizable to use as that handle. If the handle is not a child of the resizable, you can pass in the DOMElement or a valid jQuery object directly.

Note: When generating your own handles, each handle must have the ui-resizable-handle class, as well as the appropriate ui-resizable-{direction} class, .e.g., ui-resizable-s.

I also found the next ticket:
Ticket: http://bugs.jqueryui.com/ticket/4310 (2009 bug, still in last version)

and realized that the next did not work also:
handles: { "s": "#customResizableHandle" },

This pull fix that bug. Now I can use a handle outside the element resizable and the selectors of existing elements inside the resizable. I hope this help.

I started using a code of a Stackoverflow reply from ylebre http://stackoverflow.com/questions/958419/custom-resizable-handles-in-jquery-ui but it didn't work at the beginning so I had to change it. And finally I fixed the bug #431