Bootstrap使用Javascript显示模态框后页面上移
解决办法:
添加data-toggle="modal"
。虽然少了这个属性模态框仍然会弹出,但是如果这个时候页面在垂直方向有滚动条,页面就会向上移动。本来以为是用js来显示模态框就可以不需要这个属性了,结果掉到坑里去了。
<a href="#" class="btn btn-xs btn-default edit-note" data-toggle="modal" >编辑批注</a>
$('.edit-note').on('click', function() {
$.ajax({
url: '/feedback/getNote',
type: 'post',
dataType: 'Json',
async: false,
data: { 'feedbackId': fbId },
success: function(data) {
(data);
if () {
();
$('#noteModal').modal({
show: true,
backdrop:false
});
} else {
alert();
}
},
error: function() {
alert('获取批注失败');
}
});
});