Javascript 如何仅从模式中删除背景

我目前正在使用twitter引导，最近我遇到了一个问题，在关闭模式时背景没有关闭

解决方法：

 $('.modal-backdrop').hide();

这个解决方案的问题是，它会从整个页面中删除背景。当页面加载一些函数时，我仍然需要它，这样用户在这个过程中就不会选中或取消选中某个字段

以下是模式代码：

    <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>
            </div>
        </div>
    </div>

以及CloseModal（）的javascript：

函数closeModal（）{
$（'.modal background'）.hide（）；
$（'body'）.removeClass（'modal-open'）；
$（'#myModal'）.modal（'hide'）；
$（'#'）.val（“”）；
}

有人能帮助我吗？我对这个框架没有太多经验，甚至不知道这是否是以正确的方式完成的

Ps：此页面是ascx

编辑： 这个项目我正在工作是旧的，我没有在开发过程中的工作

但现在我只是给它一点支持和维护。 结果发现这里有一个架构问题。最初的开发人员试图在客户端控件结构中使用页面通常使用的回发功能创建一个工作区，在更新面板中创建所有这些控件

由于所涉及的技术（Ajax等），他们不希望每次用户客户端选中或取消选中某个项或打开另一个选项卡中的子菜单时都进行完整的回发。所以他们让页面看起来仍然存在，只是在更新面板上做了一些小的更新

主屏幕上的背景就是为了这个目的而定义的

只有当我的引导程序失去了对它之前引用的真实对象的引用时，才会发生这种情况，因为每当你更改任何内容（包括关闭modals）时，页面都会得到回发。所以，当我在模态背景上执行.hide或.remove时，引导实际上是针对它能找到的唯一引用，即母版页上定义的引用

因此，因为这将比我们能够处理的工作量和时间多得多，我们决定在模态标记上使用data background:false，使模态没有背景

---

谢谢大家的帮助。

简单，将

data background=“false”

放在触发模型的按钮上

$("#myBtn2").click(function(){
    $("#myModal").modal({backdrop: false});
});

---

是完整参考

$（'.modal background'）.hide（）仅向背景添加
显示：无
样式。它可以通过调用
$（'.modal background'）.show（）返回。这对你有帮助吗？不幸的是没有。已尝试单击.show（），但.hide始终会对整个页面隐藏背景数据背景=''false“不合适。它禁用模式的背景。我想在模态打开时打开它。但问题是，当模态仅为模态而不是整个页面关闭时，如何移除背景？此外，我相信这段代码有一个错误的语法，我的导航器在屏幕上给了我错误，使用了我上面给出的引导模式文档页面，并给出了一些代码示例当弹出窗口打开时你不想要背景？我想要弹出窗口打开时的背景，当弹出窗口退出时关闭。有一件事不是自然发生的（这就是为什么我强制使用$（'modal-background'）.hide（），后来改为.remove（）。事情是，在本例中，当我移除（或隐藏）背景时，它会从整个页面移除/隐藏，当面板上有一些更新时，我需要它，这样，用户在直接与数据库交互时不会选中或取消选中任何内容。
      function closeModal() {
        $('.modal-backdrop').hide();
        $('body').removeClass('modal-open');
        $('#myModal').modal('hide');
        $('#<%=hfImg.ClientID%>').val("");
    }

$("#myBtn2").click(function(){
    $("#myModal").modal({backdrop: false});
});