[Erledigt] click-event bei dynamischen Inhalten

[mebaloo]

Hallo,

folgendes Problem.

Zur Laufzeit sollen per jquery HTML-Code in einen Container geladen werden. Durch Click auf das eingefügte Element soll ein Click-Event ausgelöst werden.

Mein Problem ist nun, dass der Click auf das Element (im Beispiel -> ajax_div) kein Event auslöst.
Der Click auf "html_div" funktioniert jedoch.

Hier eine vereinfachte Darstellung:

<div id="html_div" class="click">html div</div>
<div id="container"></div>

$(document).ready(function() {
    $(".click").on("click", function(){
        // Event bei CLICK
        alert("test");
    });
    
    $("#container").html("<div id='ajax_div' class='click'>ajax_div</div>");
});

Vielen Dank für eure Hilfe.
meBaloo

[mebaloo]

Ich habe das Ganze mal bei jsfiddle eingestellt.

jsfiddle.net

[rudygotya]

Schau dir das hier mal an: http://learn.jquery.com/events/event-delegation/

Viele Grüße

Basti

[mebaloo]

Vielen Dank für den schnellen Hinweis
Habe es so gelöst:

<div id='div_html' class="click"><div>html div</div></div>
<div id="container" class="click"></div>

$( ".click" ).on( "click", "div", function() {
    alert( $( this ).text() );
});

$( "#container" ).html( "<div>ajax div</div>" );