Bootstrap使用Javascript显示模态框后页面上移

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) {
                            console.debug(data);
                            if (data.IsSuccess) {
                                noteEditor.html(data.Result);
                                $('#noteModal').modal({
                                    show: true,
                                    backdrop:false
                                });
                            } else {
                                alert(data.ErrorMsg);
                            }
                        },
                        error: function() {
                            alert('获取批注失败');
                        }
                    });
            });

你可能感兴趣的:(Web,开发)