[GELOEST] jQuery - Aktion .click() bezogen auf Class

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

petrei86

Neues Mitglied
10 Dezember 2019
9
0
1
33
Und schon wieder ich

Folgender Code funktioniert wunderbar wenn ich z.B. das DIV mit der class="KlassenName" im html definiere.

JavaScript:
$(".KlassenName").click(function() {
    alert("Test");
});

Das Problem ist, wenn ich das DIV aus JavaScript heraus generiere, nichts passiert beim Click. Auch in der Console ist kein Fehler zu sehen.


JavaScript:
    function Load_Timeline() {       
        $.post("Timeline.php", { Action:'Load', IhsId }, function(Feedback) {               
            var TimelineHtml = "";
            Feedback.Activity.forEach(function(Ds) {
                TimelineHtml += `       <div class="KlassenName">
                                            <div class="TlBox_Icon">
                                                <i class="${Ds.Icon}"></i>
                                            </div>
                                            <div class="TlBox_Text">
                                                <div class="TlBox_Title">
                                                    ${Ds.Title}
                                                </div>
                                                ${Ds.Content}
                                            </div>
                                        </div>`
                $('#Window_Timeline').html(TimelineHtml);
            });           
        });
    }

Wie bringe ich es zustande das ich eine Klasse mit $(".KlassenName").click(...) bedienen kann, wenn diese im JavaScript definiert ist?

Btw: Selbes Problem wenn ich es über die Id versuche.
 

scbawik

Senior HTML'ler
14 Juli 2011
2.547
448
83
Und schon wieder ich

Folgender Code funktioniert wunderbar wenn ich z.B. das DIV mit der class="KlassenName" im html definiere.

JavaScript:
$(".KlassenName").click(function() {
    alert("Test");
});

Das Problem ist, wenn ich das DIV aus JavaScript heraus generiere, nichts passiert beim Click. Auch in der Console ist kein Fehler zu sehen.

JavaScript:
    function Load_Timeline() {      
        $.post("Timeline.php", { Action:'Load', IhsId }, function(Feedback) {              
            var TimelineHtml = "";
            Feedback.Activity.forEach(function(Ds) {
                TimelineHtml += `       <div class="KlassenName">
                                            <div class="TlBox_Icon">
                                                <i class="${Ds.Icon}"></i>
                                            </div>
                                            <div class="TlBox_Text">
                                                <div class="TlBox_Title">
                                                    ${Ds.Title}
                                                </div>
                                                ${Ds.Content}
                                            </div>
                                        </div>`
                $('#Window_Timeline').html(TimelineHtml);
            });          
        });
    }
Wie bringe ich es zustande das ich eine Klasse mit $(".KlassenName").click(...) bedienen kann, wenn diese im JavaScript definiert ist?
Btw: Selbes Problem wenn ich es über die Id versuche.
Code:
$(document).on('click', '.KlassenName', function() {
    alert("Test");
});
 
Werbung: