jQuery BlockUI内的登录按钮
我做了一个不可见的登录表单，我正在使用BlockUI来显示表单。
我可以打开表单并退出表单，但是当我单击“登录”按钮时，它不会回发到服务器。
关于如何使登录按钮回发的任何想法？
注意：登录功能起作用，因为我试图将它放在页面本身而没有blockui并且它回发了。
我的登录表单
<div id="LoginDiv" class="LoginDiv">
<input type="image" id="CloseForm" src="../Images/SiteRelated/CloseForm.jpg" style="float: right;" />
<div style="display: inline-block; margin-top: 15px">
Username
</div>
<div class="InlineBlock">
<asp:TextBox ID="UsernameTB" Text="Or" runat="server" Style="width: 90px"></asp:TextBox>
</div>
<div style="clear: both;">
</div>
<div class="InlineBlock">
Password
</div>
<div class="InlineBlock">
<asp:TextBox ID="PasswordTB" TextMode="Password" Text="123" runat="server" Style="width: 90px;
margin-right: 18px"></asp:TextBox>
</div>
<asp:Panel ID="Panel1" HorizontalAlign="Center" runat="server">
<asp:Button ID="LoginBtn" runat="server" Text="Login" Style="width: 150px;" OnClick="LoginBtn_Click" />
</asp:Panel>
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#CloseForm').click(function () {
$.unblockUI();
});
$('#Login').click(function () {
$.blockUI.defaults.css = {
padding: 0,
margin: 0,
width: '15.8%',
top: '40%',
left: '35%',
textAlign: 'center',
color: '#000',
border: '3px solid #aaa',
backgroundColor: '#fff',
cursor: 'wait'
};
$.blockUI({ message: $('#LoginDiv') });
});
});
</script>
没有找到相关结果
已邀请:
2 个回复
慰泥悍瓶
<script language="javascript" type="text/javascript"> $(document).ready(function () { $('#CloseForm').click(function () { $.unblockUI(); }); $('#Login').click(function () { $.blockUI.defaults.css = { padding: 0, margin: 0, width: '15.8%', top: '40%', left: '35%', textAlign: 'center', color: '#000', border: '3px solid #aaa', backgroundColor: '#fff', cursor: 'wait' }; $.blockUI({ message: $('#LoginDiv') }); //Add the LoginDiv back to the form. $('#LoginDiv').parent().appendTo($("form:first")); }); }); </script>募磷
<div id="taxStatus" style="display:none;"> <br /> <div class="row"> <div class="three columns"><asp:Button runat="server" ID="unitedStatesTaxStatusButton" Text="United States" CssClass="submitButton" OnClick="unitedStatesTaxStatusButton_Click" /></div> <div class="three columns"></div> <div class="six columns"></div> </div> <br /><br /> </div>protected void unitedStatesTaxStatusButton_Click(object sender, EventArgs e) { //do whatever }$(document).ready(function () { $('#<%=unitedStatesTaxStatusButton.ClientID%>').click(function () { $.unblockUI(); //** added this line to make it work ****** $('#taxStatus').parent().appendTo($("form:first")); return true; });