我目前正在使用twitter bootstrap,最近我遇到了一个问题,即关闭模式时背景不关闭。
解决:
$('.modal-backdrop').hide();
Run Code Online (Sandbox Code Playgroud)
该解决方案的问题是,它从整个页面中删除了背景。当页面加载某些功能时,我仍然需要它,以便用户在此过程中不会选中或取消选中某个字段。
下面是模态代码:
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog ">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<asp:HiddenField ID="hfImg" runat="server" />
</div>
<div class="modal-body" style="overflow: auto; align-content: center;">
<div class="col-sm-12">
<div id="views"></div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-sm-12">
<div class="col-sm-1 pull-left">
<button type="button" class="btn btn-primary" data-dismiss="modal";">Cancelar</button>
</div>
<div class="col-sm-1 col-sm-offset-8">
<button id="cropbutton2" class="btn btn-primary pull-right" type="button" onclick="applyCrop();">Cut</button>
</div>
<div class="col-sm-1 col-sm-offset-1">
<asp:Button runat="server" CssClass="btn btn-primary pull-right" ID="save" Text="Edit" OnClick="btnEdit_Click" />
</div>
</div>
</div>
</div> …Run Code Online (Sandbox Code Playgroud)