Wie mache ich JQuery Drag and Drop? ⇐ Jquery

[Anonymous]

Wie kann ich mit JQuery Drag & Drop fallen? Ich möchte, dass das Kind Div draggierbar ist und nur in den Eltern Divs abgeschottet ist. Wenn das Kinderdiv fallen gelassen wird, wenn es sich nicht in einem Elternteil befindet, wird es zurück zum letzten übergeordneten DIV zurückkehren, in dem es sich befindet. Wenn das Kinderdiv in eine Eltern -Div fallen gelassen wurde, wird es in die obere linke Ecke des Elternteils fallen, dass es eingesetzt wurde. Nur das Kind div ist draggierbar. /> HTML: < /strong> < /h1>

Code: Select all

CSS: [/b]

Code: Select all

.div {
float: left;
margin-left: 5px;
height: 200px;
width: 200px;
border: 3px solid black
}
.image {
height: 50px;
width: 50px;
background-color: khaki;
}

JQuery (nur ziehen):

Code: Select all

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

jsfiddle: https://jsfiddle.net/j9pvbuue/8/
Ich würde sehr schätzen, wenn Sie mir direkt einen Code für die Antwort geben könnten, anstatt indirekte Antworten, die mir nichts von dem verwenden, wie ich es verwenden soll.