bootStrap modal无法滚动处理
bug:在大显示器上,模态框无法滚动,改变浏览器窗口大小,模态框可以滚动。
处理:模态框显示后,执行resize。或者直接调用handleUpdate
'shown.bs.modal #orderDetailModal':'reDraw', reDraw:function(){ //处理无法滚动bug var model = $("#orderDetailModal"); model.resize();
//$('#orderDetailModal').modal('handleUpdate');
}
bug:模态框不居中
var $modal_dialog = $(this.$element[0]).find('.modal-dialog'); var m_top = ( $(window).height() - $modal_dialog.height() )/2;//window可视区域的高度 if(m_top > 0){//只有小模态框才居中 $modal_dialog.css({'margin': m_top + 'px auto'}); }
需根据情况显示不同模态框时,手动打开模态框:
if(data.errorcode === 0){ $("#createWorkModal").modal("show"); }else if(data.errorcode === 3){ e.data.drawWorkDetail(data); $("#workDetailShowModal").modal('show'); }else{ alert("查询失败!"); return; }