Angehängtes Anker-Tag Klick-Ereignis fügt keine aktive Klasse hinzu. (angehängtes Tag wird durch Klick-Ereignis eines anderen Anker-Tags generiert)

Question

Vielen Dank im Voraus für Hilfe.

Sie besser verstehen Problem kann durch folgenden Code Beobachtung:

<a class="save-btn" href="#">Save</a> 

<ul><li><a href="#">link 1</a></li></ul> 

$('.save-btn').click(function() { 
    $('ul').append('<li><a class="newLink" href="#">link 2</a></li>') 
    return false; 
}) 

$('.newLink').click(function() { 
    $(this).addClass('active') // ".newLink" is not adding "active class" 
    return false; 
}); 

ich einfach aktive Klasse Link mit dem Klassennamen „myLink“ von Click-Ereignis hinzufügen möchten.

Ich weiß, dass das Problem ist „Ereignis auf“, hängten Anker-Tag auf window.load perfekt aktive Klasse erweitert.

Here is image for more clarification

Bildbeschreibung:-Link „Abc Xyz“ sollte „aktiv-Klasse“ auf Klick hinzufügen (aktiver Link nach meinem Bild blauen Hintergrund haben)

Answer 1

Im Moment binden Sie den Klick Ereignis zu $('.newLink'), gibt es noch keine Verknüpfung mit dieser Klasse auf der Seite. Verwenden Sie dies, um an alle aktuellen oder zukünftigen Elemente zu binden, die dem Selektor entsprechen: $(document).on('click', '.newLink', yourcallbackfunction);