【发布时间】:2013-04-12 13:59:56
【问题描述】:
我在我的网站中使用 Bootstrap。在单击注册按钮时会弹出注册模式。它有一些字段和一个注册按钮和一个关闭按钮。 他们的代码是
<div id="myModalRegister" runat="server" class="modal hide fade" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×</button>
<h3 id="H1">
Register</h3>
</div>
<div class="modal-body">
<i class="icon-user"></i>Email ID</label>
<input type="text" class="span3" id="txtRegEmail" runat="server" />
<br />
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">
Close</button>
<asp:Button ID="btRegister" runat="server" CssClass="btn btn-primary"
Text="Register" onclick="btRegister_Click" />
</div>
</div>
注册按钮是
<li class="one"><a href="#myModalRegister" role="button" data-toggle="modal" >
<i class="icon-user icon-white"></i> Sign Up</a></li>
当我单击 btRegister 按钮时,Click 事件没有触发。你能帮帮我吗?
经过一些研究,我发现模态窗口在Form 标记之外呈现。这就是事件没有触发的原因。我该如何解决这个???
【问题讨论】:
-
解决这个问题的唯一方法是将按钮放在表单中。还要把文本框放在里面,这样你后面的代码就可以看到里面的数据了。
-
你能不能用jquery来捕捉按钮点击,然后从javascript调用回发点击事件。这是有关如何执行此操作的 stackoverflow 参考:stackoverflow.com/questions/8771097/…
标签: c# asp.net twitter-bootstrap modal-dialog