[英]Bootstrap modal not working with button click
I'm trying to make a modal called acceptModal to appear when button acceptButton is clicked using JavaScript. 我正在尝试制作一个名为acceptModal的模式,以在使用JavaScript单击按钮acceptButton时出现。 However, the modal does not seem to be appearing but the background does turn dark.
但是,模态似乎没有出现,但是背景确实变暗了。 Any ideas?
有任何想法吗?
Button 按键
<asp:button runat="server" type="button" CssClass="btn btn-success mr-xs mb-sm buttonwidth" Text="Accept" ID="acceptButton" OnClick="acceptButton_Click1"></asp:button>
C# C#
protected void acceptButton_Click1(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "openModal();", true);
}
Modal 语气
<div class="modal right fade" id="acceptModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="background-color:#01d36b;box-shadow:0 2px 10px 0 rgba(0,0,0,.16)">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<p style="margin:0;padding:10px;color:#fff;font-size:18px;">Order Checkout</p>
</div>
<div class="modal-body" style="padding:10px;">
<p>Hi<p>
</div>
</div>
</div>
</div>
JS JS
<script type="text/javascript">
function openModal() {
$('#acceptModal').modal('show');
}
</script>
Try below code if you want to show model from code-behind button click acceptButton_Click1
: 如果您想通过代码隐藏按钮单击
acceptButton_Click1
显示模型,请尝试以下代码:
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(@"<script type='text/javascript'>");
sb.Append("$('#acceptModal').modal('show');");
sb.Append(@"</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "DetailModalScript",
sb.ToString(), false);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.