当我们在使用bootstrap的时候,有时候会出现,直接点击bootstrap的模态框,这时候模态框显示出来,然后点击保存或者取消,这时候可能回出现,页面整体的偏移了一些像素,这个可以说是一个bootstrap的bug。
解决方案:
1、在要打开一个模态框的位置,定义一个id,例如 id=“myspan”
2、在代码中定义好一个模态框的代码;例如:
<div role="dialog" class="modal fade bs-example-modal-sm" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"> <span>×</span></button>
<h4 class="modal-title">修改</h4>
</div>
</div>
</div>
</div>
3、在 初始化的时候加入
$(document).ready(function () {
$("#myspan").click(function () {
$("#myModal").modal("show");
});
操作好之后就不会出现页面偏移的情况