Jquery 将可拖动图像附加到特定div中

我正在使用jquery和jquery ui来拖动和缩放图像。 我还需要将此图像附加到目标div

我的代码：

<div id="decorations">

<div style="float:left; margin-left:5px; margin-top:5px;">
<img class="dragger" id="obj1" style="cursor: -webkit-grab;" src="objects/bike.png" width="80" height="80">
</div>

<div style="float:left; margin-left:5px; margin-top:5px;">
<img class="dragger" id="obj2" style="cursor: -webkit-grab;" src="objects/car.png" width="80" height="80">
</div>

</div>

当我将可拖动图像保留在下面的div命令中时，我正在尝试附加该图像：

<div id="contentHolder"></div>

守则：

<script>
$(document).ready(function() {
window.zindex = 999;
    $(".dragger").resizable({handles: 'ne, se, sw, nw'});
    $(".dragger").parent().draggable({
    $(".dragger").appendTo("#contentHolder"); //Tried this one without luck
    });
});
</script>

$（文档）.ready（函数（）{
window.zindex=999；
$（“.dragger”）。可调整大小（{handles:'ne，se，sw，nw'}）；
$（“.dragger”）.parent（）.draggable({
$（“.dragger”）.appendTo（“#contentHolder”）；//尝试了这个，但没有成功
});
});

我也试过这个：

<script>
$(document).ready(function() {
window.zindex = 999;
    $(".dragger").resizable({handles: 'ne, se, sw, nw'});
    $(".dragger").parent().draggable({      
     accept: '.dragger',
        drop: function (event, ui) {
            $('#contentHolder').append(ui.draggable);
        }
    });
});
</script>

$（文档）.ready（函数（）{
window.zindex=999；
$（“.dragger”）。可调整大小（{handles:'ne，se，sw，nw'}）；
$（“.dragger”）.parent（）.draggable（{
接受：'.dragger'，
drop：函数（事件、用户界面）{
$（'#contentHolder'）.append（ui.draggable）；
}
});
});

---

非常感谢你

使ContentHolder可拖放：

$(".contenHolder").droppable({      
   drop: function( event, ui ) {        
       //do something here
   }    

 });