Lenker Inhalt dynamisch

Question

Ich habe den Code unten das sollte das Chat-Fenster angezeigt, wenn ich auf den Namen in Benutzer klicken <li>

-Code <ul>, die die Benutzerliste enthält und erhielt den Klick

<ul class="chat-contacts"> 
    <li class="online" data-user-id="USERCODE"> 
    <a href="#"> 
     <div class="media"> 
     <div class="media-body"> 
      <div class="contact-name">USERNAME</div> 
     </div> 
     </div> 
    </a> 
    </li> 
</ul> 

Dies ist der Chat-Fenstercode. Wenn ich einen statischen Inhalt des <ul> Fensters eingebe, erscheint jedoch, wenn ich den <ul> mit Inhalt dynamisch füttere, der Klick nicht. Kann mir jemand helfen??

<script id="chat-window-template" type="text/x-handlebars-template"> 
    <div class="panel panel-default"> 
    <div class="panel-heading" data-toggle="chat-collapse" data-target="#chat-bill"> 
     <a href="#" class="close"><i class="fa fa-times"></i></a> 
     <a href="#"> 
     <span class="pull-left"> 
      <img src="{{ user_image }}" width="40"> 
     </span> 
     <span class="contact-name">{{user}}</span> 
     </a> 
    </div> 
    <div class="panel-body" id="chat-bill"> 
    </div> 
     <form id="messageForm"> 
      <input id="nameInput" type="hidden" class="input-medium" value="Macbook" /> 
      <input id="messageInput" type="text" class="form-control" placeholder="Digite uma mensagem" /> 
     </form> 
    </div> 
</script> 

Answer 1

Ihr Klickereignis funktioniert nicht. Das Ereignis weiß nicht, dass das Element existiert.

Dies kann passieren, wenn jQuery('.chat-contacts li').click(function(){// do something})

mit Ich würde versuchen, das Click-Ereignis mit dieser Einstellung:

jQuery(document).on('click', '.chat-contacts li', function(){ 

}); 

Einstellung der Veranstaltung mit on wird jQuery Kraft für neue Elemente in der Liste zu scannen.