핸들 내용

Question

나는 사용자 목록이 포함<li>

코드 <ul>에 사용자 이름을 클릭하고 클릭을 받았을 때 그 아래의 코드가 채팅 창을 표시한다이

<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> 

이것은 채팅 창 코드입니다. <ul> 정적 콘텐츠를 넣으면 콘텐츠가 동적 인 <ul>을 피드 할 때 클릭이 작동하지 않습니다. 누군가가 나를 도울 수 있습니까 ??

<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

클릭 이벤트가 작동하지 않습니다. 이벤트는 요소가 있는지를 모릅니다. 나는이와 클릭 이벤트를 설정하려고 할 것 jQuery('.chat-contacts li').click(function(){// do something})

를 사용하는 경우

이 발생할 수 있습니다 :

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

}); 

목록에 새로운 요소를 검색하기 위해 jQuery를 강제 on에 이벤트를 설정.