Click-Ereignis nicht für dynamisch arbeiten hinzugefügt Li-> spa-> id

Question

Click-Ereignis funktioniert nicht für Li-> spa- dynamisch hinzugefügt> id

case"101" : strLink = "<li style='cursor:pointer'><a data-scroll><span id=div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break; 
--------------- 
$(".sidebar-nav").on("click", "#div101", function() 
{ 
     console.log("Clicked on div101"); 
}); 

Dies funktioniert nicht. Wie kann ich es funktionieren lassen?

Answer 1

Sie haben eine fehlende Zitat dort, die der Browser die ID verursacht falsch zu interpretieren:

case"101" : strLink = "<li style='cursor:pointer'><a data-scroll><span id='div101'>Form 101</span></a></li>"; $('.sidebar-nav').append(strLink); break; 

Sie müssen auch sicherstellen, dass die Prozedur nach dem Element hinzufügen in den Körper injiziert worden. Wenn das Element nicht vorhanden ist, wird das Klickereignis nicht registriert.