Kuno: onClick-Event wird ignoriert?

Hallo ihr Lieben!

Ich habe eine Frage zum click()-Event von jQuery.
Damit ihr es am besten selbst nachvollziehen könnt, habe ich hier den ausführbaren Quelltext:

  
<html>  
 <title>Test</title>  
 <head>  
  <script src="/js/jquery.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  
jQuery().ready(function() {  
 $("a").click(function() {  
                alert("Link funktioniert!");  
  $("#test").html('<a href="#">und jetzt hier</a>');  
  return false;  
 });  
  
});  
  </script>  
 </head>  
 <body>  
  <div id="test"></div>  
  
  <a href="#">Zuerst hier klicken</a></li>  
 </body>  
</html>  

Das Problem ist folgendes:
Wenn ich auf den "zuerst hier klicken"-Link klicke, dann soll der zweite Link ("und jetzt hier") auftauchen.
Das geschieht auch wie gewollt. Aber der zweite Link ("und jetzt hier") lässt sich nicht mehr klicken.
Ich habe nun die Befürchtung, dass ich hier einen kleinen Denkfehler drin habe.

Ich habe zuerst vermutet, dass der später erzeugte Link nicht ins DOM aufgenommen wird. Laut DOM Inspector (Firefox) wird der Link aber kurz nach einem Klick auf den ersten Link angelegt!

  1. Ich habe eine Frage zum click()-Event von jQuery.

    Ich hab mir das nicht genauer angeschaut, weil mir nicht einleuchtet, warum du sowas machen willst. Es ergibt keinen Sinn einen Link ,in einem onklickhandler, neu mit einem HTML Link befüllen zu wollen.

    Struppi.

    1. Hi Struppi!

      Die Funktion soll später mal eine andere Seite per Ajax "holen".
      In der anderen Seite gibt es Links, die Eigenschaften an der gesamten Seite ändern.
      Quasi ein eingebettetes Fotoalbum.

      1. Die Funktion soll später mal eine andere Seite per Ajax "holen".
        In der anderen Seite gibt es Links, die Eigenschaften an der gesamten Seite ändern.
        Quasi ein eingebettetes Fotoalbum.

        Das klingt immer noch nicht so als, ob du innerhalb eines Links das HTML vertauschen müßtest.

        Struppi.

  2. Das Problem ist folgendes:

    Das Problem wird hier von ihm genauer geschildert.

    Struppi.

  3. Hi,

    jQuery().ready(function() {
    $("a").click(function() {

    Wenn dieser Aufruf sich alle Links im Dokument greift und ihnen einen onclick-Handler verpasst -

    alert("Link funktioniert!");
      $("#test").html('<a href="#">und jetzt hier</a>');

    dann bekommt dieser "Link" natuerlich keinen, weil er zu diesem Zeitpunkt noch gar nicht im Dokument drin haengt, er ist noch nicht mal ein Link, es ist reiner *Text* in einem Javascript-Literal.

    MfG ChrisB