Bootstrap 3模态在外部点击时不会关闭

Question

我使用调用创建了一个模态,

 $('#myModalContent').modal('show');

HTML是:

<div class=" modal fade" id="myModalContent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">


            </div>

        </div>
    </div>
</div>

问题是当我在模态弹出窗口外单击时,它不会关闭.(关闭esc)

Answer 1

我已经编写了自定义代码来解决这个问题

   $("body").on("click", ".modal-dialog", function(e) {
        if ($(e.target).hasClass('modal-dialog')) {
            var hidePopup = $(e.target.parentElement).attr('id');
            $('#' + hidePopup).modal('hide');
        }
    });