如何仅从模式

我目前使用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。

感谢大家的帮助。

回答:

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

$("#myBtn2").click(function(){ 

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

});

here按钮是充分借鉴

以上是 如何仅从模式 的全部内容, 来源链接: utcz.com/qa/266749.html

回到顶部