jquery append

fakerer · 28.08.2011

Hallo,
also ich füge mit

Code:

$('body').append('<div id="wraper"></div>');

ans eine ein div hinzu, was auch wunderbar klappt.
wenn ich dann

Code:

$('#wraper').css({'top':10, 'left':10});

veruche passiert nix weil die id nicht gefunden wird.

binde ich das ganze zwei mal ein dann klappt das ganze.
Es scheint so als sei die ID nicht vorhenden obwohl sie im Quellcode angezeigt wird.

ich hoff mal jemand hat ne idee dazu.

jens260181 · 28.08.2011

AW: jquery append

Schreib doch dein CSS in die CSS Datei. Sobald du #wrapper anhängst, sollte dein normales CSS greifen.

Duddle · 28.08.2011

AW: jquery append

Bei mir funktioniert es, ich habe deine Schnippsel quasi 1-zu-1 übernommen:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
	<title>Fakerer</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" language="javascript" charset="utf-8">
	    $(document).ready(function() {
		    $('body').append('<div id="wrapper">World</div>');
		    $('#wrapper').css({"top":10, "left":10, "background-color":"red"});
		    });	
	</script>
    </head>

    <body>
	<p>Hello</p>	
    </body>
</html>

Duddle

fakerer · 28.08.2011

AW: jquery append

hmm dann werd ich gleich noch mal sehen ob da vielleicht was andres mit reinspielt.
in die css datei kann ichs nicht schreiben weil das dynamisch positioniert werden soll.

fakerer · 28.08.2011

AW: jquery append

danke,
ich hab das Problem und zwar lag es an

Code:

var $wrap = $('#wraper');
$wrap.css({...});

was dabei allerdings das Problem ist weis ich auch nicht da es ja bei mehrmaligen einbinden funktioniert hat.

ovbb · 29.08.2011

AW: jquery append

Bei mir hat es anfangs auch nicht funktioniert ... asche auf mein haupt ... hab vergessen jQuery einzubinden ... zzzz

natürlich müssen auch die tags stimmen ...

HTML:

$("body").append("<div id=\"wrapper\">World</div>");

oder eben

HTML:

$("body").append('<div id="wrapper">World</div>');

immer das leidige thema mit den ' " '