删除后在jQuery中调整Div大小

我已经从小部件中删除了一个元素，并将其拖到目标中。像这样：

  jQuery('.ui-layout-center').droppable({
    activeClass: 'ui-state-hover',
    accept:  '.item-art',
    revert: true,
    drop:  function (event, ui) {
      var $canvas = jQuery(this);
      if(!ui.draggable.hasClass('canvas-element')) {
        var $canvasElement = ui.draggable.clone();
        $canvasElement.addClass('canvas-element');
        $canvasElement.html('<div><TEXTAREA COLS=2 ROWS=1></TEXTAREA></div>');
        $canvas.append($canvasElement);
        $canvasElement.css({
          left: (ui.position.left - $canvas.offset().left),
          top: (ui.position.top - $canvas.offset().top),
          position: 'absolute'
        });
        $canvasElement.draggable({
          cursor: 'move'
        });

jQuery（'.ui布局中心'）。可拖放({
activeClass:“ui状态悬停”，
接受：'.item art'，
回复：对，
drop：函数（事件、用户界面）{
var$canvas=jQuery（这个）；
如果（！ui.draggable.hasClass（'canvas-element'））{
var$canvasElement=ui.draggable.clone（）；
$canvasElement.addClass（'canvas-element'）；
$canvasElement.html（“”）；
$canvas.append（$canvasElement）；
$canvasElement.css({
左：（ui.position.left-$canvas.offset（）.left），
顶部：（ui.position.top-$canvas.offset（）.top），
位置：'绝对'
});
$canvasElement.draggable({
光标：“移动”
});

删除后，项目（div）应可调整大小。为此，我在第

$canvassement.draggable行中使用了resizeable，如下所示：

$canvasElement.Resizeable（）.Dragable({
光标：“移动”
}))

但它仍然不起作用。用户无法调整删除的div的大小。请帮助我。
在
$canvasElement.resizeable（）；
之前添加语句
$canvas.append（$canvasElement）；
，非常感谢。我忘了添加另一件事。那就是UI的css。