nicht angemeldet
jQuery - Eigefügter Link hat keine Funktion?
Hallo,
ich habe folgendes Programm, bei dem beim Klick auf den Link "link1" ein neuer Link "link2" an die Seite angehängt wird, welcher der gleichen Klasse angehören sollte und damit ebenso die selbe Funktion haben sollte. Nur leider hat dieser keine Funktion... kann mir jemand erklären warum nicht und wie ich das Problem umgehen kann?
Danke schonmal!
<html>
<head>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".test").click(function(){
alert("test");
$("body").append("<a class = \"test\" href=\"#\">link2</a>");
});
});
</script>
</head>
<body>
<a class="test" href="#">link1</a>
</body>
</html>
-
http://docs.jquery.com/Events/live#typefn
-
Moin,
ich habe folgendes Programm, bei dem beim Klick auf den Link "link1" ein neuer Link "link2" an die Seite angehängt wird, welcher der gleichen Klasse angehören sollte und damit ebenso die selbe Funktion haben sollte. Nur leider hat dieser keine Funktion... kann mir jemand erklären warum nicht und wie ich das Problem umgehen kann?
Die Abfrage
$(".test")wird nur einmal ausgeführt, nach dem Laden der Seite. Da dein neuer Link dann noch nicht existiert, ist er noch nicht mit in begriffen.Da sich beide Links so sehr ähneln, kannst du auch einfach den aktuellen Link inkl. Eventhandler kopieren:
$(this).clone(true). Diese Kopie kannst du dann an den Body oä. ranhängen.MfG Hase