Antworten zum Thema „jQuery - ajax - html - selector“

saila · 22.01.2010

Hi,

wenn mittels ajax neuer html-Quellcode der Seite hinzugefügt wird, ist der darin befindliche Selector nicht ansprechbar. Gibt es da einen Trick oder Hinweis bei jQuery?

Beispiel:
Es gibt div-Boxen, welche das Element id="b_1" usw. enthalten. Nun folgt per ajax an die letzte div-Box eine neue Box. Gehen wir davon aus, die Box hat das Element id="b_10". In dieser Box ist nun ein Selector vorhanden welcher per click ein Event ausführen soll. Klickt man allerdings auf diesen Selector, passiert eben nichts.

Somit gehe ich davon aus, dass dieser Selector jQuery nicht bekannt ist - oder doch?

sokie · 22.01.2010

AW: jQuery - ajax - html - selector

du könntest einen click eventHandler schon per live() auf das element binden, bevor es erzeugt ist.
du könntest auch das ajaxComplete() event nutzen, um auf das neu eingefügte DOM zuzugreifen.
Beispiel live():

HTML:

<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#neuesEle").live("click",function(){
      alert("Du hast ein element geklickt, dass es eben noch nicht gab");
    });
    $("#opener").click(function(){
      $("body").append('<p id="neuesEle">ich bin grad geboren und habe schon einen clickHandler!</p>');
    });
  });
</script>
<link rel="stylesheet" type="text/css" href="style.css" />
<title></title>
</head>

<body>
<p id="opener">click mich</p>
</body>
</html>

das eingefügte #neuesEle ist zwar einfach per append() eingefügt, ist aber nicht anders als bei ajax.

saila · 22.01.2010

AW: jQuery - ajax - html - selector

Hi Sokie,

so langsam bin ich wohl in den Tiefen von jQuery angekommen. Auf die Idee live() zu nutzen bin ich allerdings nicht gekommen

:lol:

Funzt und Danke.

Edit:
Nö geht schon - Bspl. wäre nicht nötig gewesen. Mir reichen Stichpunkte, weil man eben vor lauter Bäumen den Wald nicht mehr erkennt oder gar nicht mehr weis, dass man im Wald bereits steht