如何結合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話題，這將幫助你的用戶界面，可拖動，可放開和可調整大小的組合。還有幾個樣本常見問題。