Your resizable initialization code needs to be after you added resizable handler div.
Before div exists/created you attached handler, because of that it doesn't works.
- function item() {
- this.obj = $("<div />").addClass("box").appendTo("body").attr("id", "testID");
-
- //add resizable handles div's
- $("<div />").addClass("ui-resizable-handle ui-resizable-nw").appendTo(this.obj).attr("id", "nwgrip");
- $("<div />").addClass("ui-resizable-handle ui-resizable-ne").appendTo(this.obj).attr("id", "negrip");
- $("<div />").addClass("ui-resizable-handle ui-resizable-sw").appendTo(this.obj).attr("id", "swgrip");
- $("<div />").addClass("ui-resizable-handle ui-resizable-se").appendTo(this.obj).attr("id", "segrip");
-
- $(this.obj).resizable({
- handles: {
- 'nw': '#nwgrip',
- 'ne': '#negrip',
- 'sw': '#swgrip',
- 'se': '#segrip'
- }
- });
- }