如何实现jquery droppable可拖动和可调整大小的同时

Question

有人可以帮我调试我的jquery脚本 这是我的代码（jsfiddle）

   // main drop function for work area
      $('#img-drop-container').droppable({
        accept: '.img-drop',

        drop: function(event, ui) {

            var $clone = ui.helper.clone();
            if (!$clone.is('.inside-drop-zone')) {
                $(this).append($clone.addClass('inside-drop-zone').draggable({
                   containment: '#img-drop-container', 
                   stack: '.inside-drop-zone',
                   zIndex: 100, 
                   cursor: 'pointer'                                
                   }));
                  $clone.removeClass('img-drop');

               // resize image
                $('.inside-drop-zone').resizable({
                aspectRatio: true,
                handles: 'ne, se, sw, nw'
                });


 }
 }
});

     //clone the draggable items
    $('li .img-drop').draggable({
        helper: 'clone', 
       cursor: 'pointer',
      });

克隆图像draggable不工作可以解决一些问题吗？ 我希望我的克隆图像可以在id img-drop-container

中调整大小和拖动