Also ich versuche, eine baumähnliche Benutzeroberfläche aus Knoten durch Divs, die durch Klicken auf einen Sockel und Ziehen an den Sockel eines anderen Knoten verbunden werden können. Der Knoten sieht folgendermaßen aus:Position Divs relativ zueinander ohne Parenting
<div class="node">
<div class="upper-socket" />
<div class="lower-socket" />
</div>
.node {
position: relative;
// other properties
}
.socket {
position: absolute;
// other properties
}
Ich verwende JQuery ziehbar, um den Elternknoten ziehbar zu machen. Aber wenn der Benutzer aus dem Socket zieht, möchte ich einen Pfad mit Svg gezeichnet werden. Zum Beispiel möchte ich, dass der Benutzer in der Lage ist, vom unteren Knoten von A zum obersten Knoten von B zu klicken und eine Verbindung herzustellen. Stattdessen erbt der Socket die ziehbaren Eigenschaften des übergeordneten Elements. Wie kann ich das beheben?
Ich habe eine Illustration und einen Code hinzugefügt, um die Frage klarer zu machen. – user3685285