bootstrap-dialog弹框，去掉遮盖层，可移动

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

<div class="modal fade" id="modal" aria-modal="true" role="dialog" data-backdrop="false" style="width:50%"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"></div><div class="modal-body"></div><div class="modal-footer"></div></div></div>
</div>

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"
                  }); 弹框的头部部分可以进行操作移动