Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] click-event bei dynamischen Inhalten

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] click-event bei dynamischen Inhalten

    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:

    Code:
    <div id="html_div" class="click">html div</div>
    <div id="container"></div>
    Code:
    $(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


  • #2
    Ich habe das Ganze mal bei jsfiddle eingestellt.

    jsfiddle.net

    Kommentar


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

      Viele Grüße

      Basti
      I like cooking my family and my pets.
      Use commas. Don't be a psycho.
      Blog - CoverflowJS

      Kommentar


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

        Code:
        <div id='div_html' class="click"><div>html div</div></div>
        <div id="container" class="click"></div>
        Code:
        $( ".click" ).on( "click", "div", function() {
            alert( $( this ).text() );
        });
        
        $( "#container" ).html( "<div>ajax div</div>" );

        Kommentar

        Lädt...
        X