工作上遇到客户要去模态框可拖动,今天整理了一些
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class=" modal-dialog modal-lg" role="document">
<div class="modal-content">
<div id="myform" class="form-horizontal">
<div class="modal-header" style="cursor:move;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">查询条件</h4>
</div>
<div class="modal-body">
<div class="form-group" style="margin-right:0px;">
<label class="control-label col-xs-1" for="processNo">编号</label>
<div class="col-xs-5">
<input id="processNo" name="processNo" class="form-control" placeholder="编号">
</div>
<label class="control-label col-xs-1" for="processName">名称</label>
<div class="col-xs-5">
<input id="processName" name="processName" class="form-control" placeholder="名称">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btn_Search" class="btn btn-primary" style="margin-right:20px;width:100px;">查询</button>
<button type="button" id="btn_reset" class="btn btn-default" style="margin-right:20px;width:100px;">重置</button>
</div>
</div>
</div>
</div>
</div>
模态框实现
$('#btn_condition').click(function () {
$('#myModal').modal();
dragFuncWzH('myModal');--加上这句就可以拖动了
});
代码下载:https://download.csdn.net/download/unkul/57124404