如何仅从模式

我目前使用Twitter的引导和最近我在和关闭模式时，背景不关闭的问题，除去背景。如何仅从模式

解决了：

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

这种解决方案的问题是，它会从整个页面的背景。当页面加载一些功能时，我仍然需要它，以便用户在此过程中不检查或取消选中字段。

下面的模态代码：

 btnEdit_Click(object sender, EventArgs e) 
    { 
     ... 
     ... 
     ... 
     ... 
     ... 
     ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "modal", "closeModal();", true); 
     }

和JavaScript的CloseModal（）：

 function closeModal() { 
     $('.modal-backdrop').hide(); 
     $('body').removeClass('modal-open'); 
     $('#myModal').modal('hide'); 
     $('#<%=hfImg.ClientID%>').val(""); 
    }

有人可以帮助保存按钮后面

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

C＃我，我对这个框架没有太多经验，甚至不知道这是否以正确的方式完成。

PS：此页面是一个ASCX

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

但现在我只是付出一点点支持和maintanance。原来这里有一个架构问题。最初的开发者试图做一个工作周期，该页面总是在一个客户端控制结构中进行，使得更新面板中的所有控件成为可能。

由于涉及的技术（阿贾克斯和东西），他们不希望它被做了充分的回传，每次用户客户端检查或uncheked东西或在另一个选项卡中打开一个子菜单。所以他们都看起来像网页仍然只是在更新面板上进行小的更新。

的背景是在主数据中定义用于此目的。

只发生在我的引导失去参照实物，因为页面得到一个回传，只要你改变任何东西（包括关闭模态）的它之前引用。因此，当我在模式背景上执行.hide或.remove时，bootstrap实际上是针对它可以找到的唯一参考，因此它是在主页面上定义的参考。

因此，因为它会花费更多的时间和工作量，所以我们决定在没有背景的情况下离开模式，在模式标记上使用data-backdrop：false。

感谢大家的帮助。

来源

2017-12-27 Lucas Hipólito

'$（ '模式 - 背景'。）隐藏（）;'只是增加了一个'display：none'风格的背景。它可以通过调用'$（'。modal-backdrop'）。show（）;'返回。这对你有帮助吗？ –

不幸的不是。已经尝试点击一个.show（），但是。隐藏总是隐藏整个页面的背景 –

简单，把data-backdrop="false"上触发模型或

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

here按钮是充分借鉴

来源

2017-12-27 18:51:15

data-backdrop =''false“不适合它禁用模态的背景我打开模式时需要它，但问题是如何删除当模式关闭只为模式，而不是整个页面的背景？此外，我相信这段代码有一个错误的语法，我的导航给我错误在屏幕上使用它 –

检查引导模态文档页，我给上面，并给出一些代码示例 –

当弹出窗口打开时，你不想背景吗？ –

如何仅从模式

回答

相关问题