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

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

petrei86

Neues Mitglied
10 Dezember 2019
15
0
1
34
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.
 
Werbung:

scbawik

Senior HTML'ler
14 Juli 2011
2.552
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:
Werbung: