欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrap实现模态框可移动教程

程序员文章站 2022-07-06 11:13:15
ut="removemodalbackdrop()" role="dialog" tabindex="-1"> 新增用户 × 名   &...





新增用户

名     称:

登录名:

密     码:

角     色:

调用draggable实现可移动

$('#usermodal').draggable();

删除遮罩层

function removemodalbackdrop() {
    $(".modal-backdrop").remove();
}
.content >.modal{
    left: 37%;
    top: 21%;
    width: 500px;
    overflow-y: hidden !important;//取出滚动条
}
.content > #usermodal {//设置高度
    height: 440px;
}
.modal-dialog {
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
}

end