如何制作拖放jquery？

我一直想知道如何使用jQuery进行拖放，因为使用javascript拖放很困难，我更喜欢使用jQuery而不是javascript。我想要的是子div可以拖拽，并且只能在父div中拖拽。删除子div时，如果它不在父div中，则它将恢复到它所在的最后一个父div。如果在父div中删除了子div，那么它将转到它所删除的父div的左上角。子div只能拖动。 我可以使用jQuery UI，但无法使.droppable（）函数正常工作

HTML: jQuery（仅拖动）： jsfiddle：

---

如果您能直接给我一个答案的代码，而不是告诉我如何使用它的间接答案，我将不胜感激。

jQuery没有

draggable

API

您可以使用和或使用

HTML5

更新

根据原始问题的更新描述，演示解决方案代码：

$（“文档”）.ready（函数（）{
$（“.child”）.draggable({
回复：真
});
$（“.parent”）.dropable({
接受：'.child'，
drop：函数（事件、用户界面）{
$（this.append（$（ui.draggable））；
}
});
});
.parent{
浮动：左；
左边距：5px；
高度：200px；
宽度：200px；
边框：3件纯黑
}
.孩子{
高度：50px；
宽度：50px；
背景颜色：卡其色；
}
您可以使用javascript

我的代码是通过javascript编写的：

var CloneElement=document.getElementByID("ElementID").clone(true);
document.getElementByID("TargetSectionID").appendChild(CloneElement);

我想做的是让一个助手（它是原始div的克隆）能够移动到另一个div或div2中，并在div2中调整到div2中的特定位置，如果没有在div2的某个区域中删除，则返回。这同样适用于div1。@RandomChannel你的意思是像这样工作：不，这和我说的完全一样。我要求的是找到一种方法，将带有“image”类的div拖到id为“div2”的div中，将带有“images”类的div拖到id为“div2”的div中的特定位置，然后将可拖div返回到最后一个div中，如果不是放在另一个div中的话。正如他所说，使用JQuery UI库就可以做到这一点。你可以使用.droppable（）方法，使“image”类的div只能放置在父div的某个半径内，而子div会移动到父div中的某个特定位置。不过，我无法使用此方法。他明确表示他想使用JQuery，不是javascript。
.div {
     float: left;
     margin-left: 5px;
     height: 200px;
     width: 200px;
     border: 3px solid black
        }
.image {
      height: 50px;
      width: 50px;
      background-color: khaki;
    }

    $("document").ready(function() {
    $(".image").draggable();
});

var CloneElement=document.getElementByID("ElementID").clone(true);
document.getElementByID("TargetSectionID").appendChild(CloneElement);