打开模态窗口时，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()的消息。

- mangulom

---

请将 $("a#showUser").on('click' 放在 $("#myModal").on("shown" 之外。你正在模态框内部监听点击事件，但是模态框已经打开了，所以你无法接收到信息。请将其分为两个单独的事件处理。 - Nikhil Nanjappa

Answer 1

把你的 click 函数放在模态框的 show 函数外部

$("#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!!"); 
});

- smdsgn

---

那很好，但我仍然觉得modalBox如果未定义可能会产生错误。 - Jai