jquery - 打开模式窗口时不调用 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!!"); 
   });
});

我的 anchor 是:

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

当我按下 anchor 时，模式就会出现。

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