我有一个模态框,它的功能正常,但是我想在打开它时执行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">×</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()
的消息。
$("a#showUser").on('click'
放在$("#myModal").on("shown"
之外。你正在模态框内部监听点击事件,但是模态框已经打开了,所以你无法接收到信息。请将其分为两个单独的事件处理。 - Nikhil Nanjappa