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

打开模态窗口时未调用console.log（）

1 个答案: