bootstrap

1.去掉遮盖层的设置data-backdrop="false"

2.可移动的处理,查找了一些资料,针对bootstrap-dialog弹框的可移动处理,最直接的是引用jquery-ui相关js.css文件,在引用的时候需要注意jquery-ui的内容有的控件可能会与bootstrap-控件存在冲突,所以引用的时候引用js,不要引用min.js,同时引用放在bootstrap-控件引用的前面

jquery-ui的下载地址Download Builder | jQuery UI  里面会有勾选,能全选的就全选,如果全选中引用后存在冲突,可以重新下载排除掉冲突的控件处理

移动设置:在显示弹框的时候设置,或者父页面初始化页面的时候都可以,根据需求处理

               $(弹框的id).draggable();弹框的页面的任何位置都可以操作移动      

               eg:$("#modal").draggable();

               $(弹框的id).draggable({                   handle: ".modal-header"                   }); 弹框的头部部分可以进行操作移动


比丘资源网 » bootstrap

发表回复

提供最优质的资源集合

立即查看 了解详情