jQuery - Links in geladen div's funktionieren nicht

haloman

Grünschnabel
Hi, ich hab ein Problem in meinem jQuery Skript.
Die Links werden problemlos ausgeführt solange sie sich im Div "menu" befinden.
Sobald ich jedoch einen Link aus der content.php nachgeladen habe, er sich also im "main" div befindet, springt das JavaScript raus.
Die Links im "main" div sehen genauso aus wie die im "menu" div.

Ich check einfach nicht wieso es nicht läuft. Vllt. kann mir jemand da weiter helfen.:confused:

Code:
<script type="text/javascript">
			$(function() {
				$('a').click(function() {
					var id = this.href.replace("?id=", "");
					$('<div id="main" />').load('php/content.php?id='+id, function() {
						$(this).hide()
								.replaceAll('#main')
								.fadeIn(500);
						});
						return false;
				})
			});
		</script>

HTML:
<body>
<div id="page">
<div id="menu">
      <a href="?id=1"><img src="layout/gifs/menu/home.png" width="68" height="18" border="0" alt="HOME" /></a>
</div>
<div id="main"><?php include_once ("php/content.php");?></div>
</div>
</body>
 
Moin,

wenn du etwas nachträglich ins Dokument lädts, ist das nicht mehr von der Eventüberwachung betroffen....nur die Links, welche sich bei der Initiierung der Überwachung im Dokument befinden, werden berücksichtigt.

Glücklicherweise hat jQuery auch für diesen Fall etwas parat :)
Events.live()
 

Neue Beiträge

Zurück