HTML:
<div id="Id" class="modal fade">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"></div>
<div class="modal-body"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
js:
$('#Id).modal('show');
常用按钮:
<button type="button" data-dismiss="modal">Cancel</button>
关闭下一层modal框后,上一层不能滚动的问题:
$(".notLastModal").on("hidden.bs.modal",function(){
$(document.body).addClass("modal-open");
});
参考文档:css3menu.com/web-design/bootstrap-modal-popup-form-1671.html
点击其他区域不能关闭模态框的问题:
<script>
$('body').on('click', '.modal-backdrop', function () {
$('#personModal').modal('hide');
$('.modal-backdrop').hide();
})
</script>