Change dynamically jQuery resizable handlers

Question

I'm trying to change the handler on a resizable element but it don't seems to works.

I used :

$(line)
    .draggable({containment:"parent"})
        .resizable({
            containment:"parent",
            handles: "e, w"
        });

and now I want to pass the handler from "e, w" to "n, s", but when I do :

$(line)
.resizable({
    containment:"parent",
    handles: "n, s"
});

My handlers don't change. Why ?

Thanks for your attention.

Answer 1

The option setter for this option is currently missing: bug link but once it gets resolved you can call the resizable setOption method for the handles option:

$(line).resizable("option", "handles", "n, s");

Meanwhile do the following:

var options = {
    containment:"parent",
    handles: "e, w"
};
$(line)
.draggable({containment:"parent"})
    .resizable(options);

Then when changing the handles do:

options.handles = "n, s";
$(line).resizable("destroy");
$(line).resizable(options);