如何结合jQuery UI拖动，拖放和调整大小？

Question

我想这三个插件相结合，但我|'M有一些问题加入调整大小（）将掉落的物品。

我有，可以添加并克隆到＃container2的项目＃container1。在被放入＃container2之后，克隆的项目应该被拖放到＃container2并且能够调整大小。拖放效果很好，但是当我添加$ canvasElement.resizable（）时，下拉元素的宽度和高度为0px。

$（函数（）{

$("#container1 img").draggable({ 
    helper: 'clone', 
    cursor: 'move' 
}); 

$("#container2").droppable({ 
    accept: 'img', 
    drop: function (event, ui) { 
     var $canvas = $(this); 
     if (!ui.draggable.hasClass('canvas-element')) { 
      var $canvasElement = ui.draggable.clone(); 
      $canvasElement.addClass('canvas-element'); 
      $canvasElement.resizable(); 
      $canvasElement.draggable({ 
       containment: '#container2' 
      }); 
      $canvas.append($canvasElement); 
      $canvasElement.css({ 
       left: (ui.position.left), 
       top: (ui.position.top), 
       position: 'absolute' 
      }); 
     } 
    } 
}); 

}）;

Answer 1

看看这个JQFAQ.com话题，这将帮助你的用户界面，可拖动，可放开和可调整大小的组合。还有几个样本常见问题。