console.log() не вызывается при открытии модального окна

Question

У меня есть модальный, который работает так, как ожидалось, но я хочу выполнить console.log(), когда он запущен. Я не вижу сообщение.

Мой код в main.js:

$("#myModal").on("shown", function(event){ 
    modalBox.modal('show'); 
    $(this).find('.modal-body').css({ 
     width: 'auto', 
     height: 'auto', 
     maxheight: '100%' 
    }); 
    $("a#showUser").on('click',function(evt) 
    { 
     console.log("hello!!"); 
    }); 
}); 

Мой якорь:

<a href="#" data-toggle="modal" id="showUser" data-target="#myModal" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> Alta usuario</a> 

Когда я нажимаю на якорь появляется модальное.

<div id="myModal" class="modal fade" role="dialog"> 
      <div class="modal-dialog"> 
       <!-- Modal content --> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">{% block modal_title %}{% endblock modal_title %}</h4> 
        </div> 
        <div class="modal-body"> 
         <div class="alert hidden" id="modal-alert"></div> 
         <div id="modal-body-content"> 
          {% block modal_body %} {% endblock %} 
         </div> 
        </div> 
        <div class="modal-footer"> 
         {% block modal_footer %} {% endblock %} 
        </div> 
       </div><!-- /.modal-content --> 
      </div><!-- /.modal-dialog --> 
     </div><!-- /.modal --> 

Но я не вижу сообщение console.log().

Answer 1

Положите вашу click функцию из модального shonw функции

$("#myModal").on("shown", function(event){ 
    modalBox.modal('show'); 
    $(this).find('.modal-body').css({ 
     width: 'auto', 
     height: 'auto', 
     maxheight: '100%' 
    }); 
}); 

$("a#showUser").on('click',function(evt){ 
    console.log("hello!!"); 
});