it-swarm.com.de

Div an Dokumentende mit jQuery anhängen?

Ich möchte mit jQuery eine Funktion schreiben, um eine div an das Ende einer Webseite anzuhängen. Ich möchte die Funktion auf vielen verschiedenen Seiten nutzen können.

Ich habe den folgenden Code geschrieben, aber es funktioniert nicht:

    $(document).append('<div id="helloDiv"></div>');
    $('#helloDiv').html('hello'); // does nothing
    $('#helloDiv').css('top','100') // throws an error

Wie kann ich das beheben?

18

Es ist sinnlos, an document anzuhängen. Hängen Sie stattdessen an den Knoten body des Dokuments, da sich hier der gesamte sichtbare Inhalt befindet:

$(document.body).append('<div id="helloDiv"></div>');
42
lonesomeday

Wenn Sie möchten, dass es am Ende der body steht, verwenden Sie nicht:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', 100);

http://jsfiddle.net/ptuxX/

Nur .css('top', 100) macht jedoch nicht viel, es sei denn, Sie setzen position auf absolute.

7
pimvdb

Versuchen:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', '100');

Oder fügen Sie einfach den Inhalt und das CSS hinzu, bevor Sie das Div hinzufügen.

var $newdiv = '<div id="helloDiv">hello</div>';
$('body').append($newdiv);
0
Jules