jQuery Resizable: getting ui-resizable-w to act like ui-resizable-e

$('#foo').resizable({
   resize:function(){}
});

Question

1. This creates a east/south handle, how do you create a east/west?
2. By changing the south class (ui-resizable-s) to the west class (ui-resizable-w) -current debug workaround-, the west do开发者_JAVA百科es not behave like the east. When the east is dragged, the element is expanded. When the west is dragged, the element is expanded but a left positioning is also applied.

Any ideas?

From the manual :

handles

Type: String, Object Default: 'e, s, se'

If specified as a string, should be a comma-split list of any of the following: 'n, e, s, w, ne, se, sw, nw, all'. The necessary handles will be auto-generated by the plugin.

If specified as an 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. Code examples

Initialize a resizable with the handles option specified.

$( ".selector" ).resizable({ handles: 'n, e, s, w' });