Wie HTML Körper anhängen Während relativ zu einer anderen Div

Meine Situation zu bleiben ist, dass ich eine div#tooltip an die body genannt anhängen muss, so dass es über allen anderen div s bleibt (z-index wird in meinem Fall nicht) . Gleichzeitig muss seine Position relativ zu einem anderen div, #draggable-div, aufgrund der ziehbaren bleiben. Mit anderen Worten, wenn ich #draggable-div umherbewege, wird sich #tooltip auch mit #draggable-div bewegen. HierWie HTML Körper anhängen Während relativ zu einer anderen Div

ist die HTML-Struktur:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page Title</title> 
    </head> 
    <body> 
     <div>Some Div</div> 
     <div id="draggable-div" class="draggable">New Div Position Should Be Relative to Me</div> 
     <div>Some More Div</div> 
    </body> 
</html>

jquery:

var alert = '<div id="tooltip"><div id="tooltiptext"><h4>Not Ready Yet!</h4></div></div>'; 
$("body").append(alert);

Doch wie würde ich mich über #tooltip seine Position Einstellung #draggable-div zu sein relativ zu, während body anhängt?

Vielen Dank im Voraus.

Quelle

2016-04-27 HuorCulnamo

Überprüfen Sie diesen Link: https://jqueryui.com/tooltip – aghilpro

Dies ist das XY-Problem. Fügen Sie es in '# draggable-div' an und legen Sie keinen Stapelkontext für' # draggable-div' fest. – Oriol

Fügen Sie dem startDrag -Ereignis eine Klasse zu Ihrem ziehbaren Div hinzu und machen Sie #tooltip relativ zu dieser Klasse. –

Wenn Sie an body anhängen, wird es immer das letzte Element sein. Sie wollen es als Nachbar zum ziehbar Element anhängen, wie folgt aus:

var alert = $('<div id="tooltip"><div id="tooltiptext"><h4>Not Ready Yet!</h4></div></div>'); 

alert.insertAfter($("#draggable-div"));

Demo https://jsfiddle.net/21b26ufk/1/

Quelle

2016-04-27 19:34:00 Ozrix

Ich denke, Sie sollten nur von prepend append ändern.

$("body").prepend(alert);

Demo: https://jsfiddle.net/s588yfz1/

Überprüfen Sie die Dokumentation für prepend, können Sie prependTo auch verwenden. http://api.jquery.com/prepend/

Quelle

2016-04-27 19:45:34 rasfuranku

Wie HTML Körper anhängen Während relativ zu einer anderen Div

Antwort

Verwandte Themen