부트 스트랩 드롭 다운 메뉴 항목을 캐치 할 수 없음

Question

부트 스트랩 3을 장고 템플릿과 파이썬 배경과 함께 사용하고 있습니다. 상단 navbar 드롭 다운 메뉴에서 href 값에 django 변수를 사용하고 있습니다. 하나의 항목 만 href 속성을 가지고 있지 않습니다. 다른 페이지로 라우트 할 필요가 없으며 사용자에게 모달 팝업을 표시하는 목적이 하나뿐입니다. 따라서 jquery를 마우스로 클릭하는 것만으로 기본 질문 일 뿐이며 확인 질문에 "정말 원하십니까?"라고 묻는 메시지가 표시되지만 아무리 노력해도 클릭을 포착 할 수 없습니다 이벤트 : S 어떤 제안? 나는 여기에 장고 템플릿과 javascript 파일의 코드를 복사했다.

 <ul class="nav navbar-nav visible-xs-12 hidden-sm hidden-md hidden-lg"> 
      <li> 
       <a href="{% url 'profiles:email_change' %}">Change Email</a> 
      </li> 
      <li> 
       <a href="{% url 'profiles:password_change' %}">Change Password</a> 
      </li> 
      <li> 
       <a href="#" id="deleteProfil">Delete Profil</a> 
      </li> 
      <li> 
       <a href="{% url 'profiles:signout' %}">Sign Out</a> 
      </li> 
     </ul> 

그리고 캐치를위한 스크립트가 다른 곳에서 내가 어떤 클릭을 잡기 위해이 코드를 사용

 $("#deleteProfil").on("click", function() { 
      $('#deleteProfilModal').modal({show:true}); 
     }); 

이며,도에 동적으로 생성되는 항목, 그것은 작동합니다. 조언이나 아이디어가 있으십니까?

Answer 1

나는이에 대한 이벤트 위임을 사용 할 필요가 있다고 생각 :

$('#deleteProfil').on('click', 'li a', function() { 
    $('#deleteProfilModal').modal({show:true});     
}); 

또 다른 해결책은 .live() 방법입니다!