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

来源:互联网 发布:大数据意义包括哪些 编辑:程序博客网 时间:2024/05/22 00:09

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('获取批注失败');                        }                    });            });
0 0
原创粉丝点击