【发布时间】：2012-02-24 21:23:49
【问题描述】：
我目前有以下代码。基本上，单击超链接以输入您的电子邮件地址以在您忘记密码时通过电子邮件发送密码时，只需一个登录页面和一个模式弹出窗口。该模式还会检查输入的电子邮件是否在系统中。 这是我第一次使用 jqModal，我很喜欢。实际上，这在所有浏览器中都非常有效，但如前所述，在 IE8 中（具体来说，我在 IE9 中打开了兼容模式）。如下代码所示，“登录”按钮根本不会触发，也不会登录用户。 “单击此处记住您的密码”功能将弹出并按预期工作。再次 - 如下所述，它在 IE9、FF10、Opera 11、Safari 和 Chrome 中完美运行。 我在 IE8 中遗漏了什么/有什么不同（或者，也许它只是 IE9 中的兼容模式问题？）
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Index.aspx.vb" Inherits="mySite_v7.Index" %>
<%@ Register Src="controls/Header.ascx" TagName="Header" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Site v7 - Login Page</title>
<link rel="Stylesheet" href="scripts/Site.css" type="text/css" />
<script src="//ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="scripts/jqModal-03-01-2009.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="scripts/jqModal.css" />
<script type="text/javascript">
$(document).ready(function () {
$('#dialog').jqm();
$('#jqmOpen').click(function () {
$('#dialog').jqmShow();
return false;
});
$('#jqmClose').click(function () {
$('#dialog').jqmHide();
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div class="header">
<div class="logoImage">
<a href="/Default.aspx">
<img src="images/header/spacer.gif" class="trans" alt="" /></a>
</div>
</div>
<div class="main">
<asp:Label ID="Label3" runat="server" Text="Welcome to mySite.com" Style="font-weight: bold;
font-size: medium;" />
<br />
<asp:Label ID="Label5" runat="server" Style="font-size: xx-small;" Text="version 7.0 - (<b>.NET 4.0</b>)" />
<div class="errorMsg">
<asp:UpdatePanel ID="udp2" runat="server">
<ContentTemplate>
<asp:Label ID="lblError" runat="server" Visible="False" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnLogin" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</div>
<br />
<div class="lbls">
<asp:Label ID="lblUserName" runat="server" Text="UserName:" Font-Names="Verdana"
Font-Size="Small" />
</div>
<div class="txts">
<asp:Panel ID="Panel1" runat="server" DefaultButton="btnLogin">
<asp:TextBox ID="txtUserName" runat="server" Style="font-size: small;" />
</asp:Panel>
</div>
<br />
<div class="lbls">
<asp:Label ID="Label4" runat="server" Text="Password:" Style="font-size: small;" />
</div>
<div>
<asp:Panel ID="Panel2" runat="server" DefaultButton="btnLogin">
<asp:TextBox ID="txtPassword" runat="server" Style="font-size: small" TextMode="Password" />
</asp:Panel>
</div>
<div class="btns">
<asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" />
</div>
<div class="lbls">
<asp:Label ID="lblForgot" runat="server" Style="font-size: small;" Text="Forgot your password? Click " />
<a href="#" style="color: Blue; text-decoration: underline;" name="jqmOpen"
id="jqmOpen">HERE</a>
</div>
</div>
<span id="dialog" class="jqmWindow"><a href="#" class="jqmClose">
<img src="images/close.gif" alt="close" style="float: right; border: 0px;" />
</a>
<br />
<asp:UpdatePanel ID="upd1" runat="server">
<ContentTemplate>
<asp:Label ID="lblModErr" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<br />
<asp:Label ID="lblEmail" runat="server" Text="Enter your email address:" class="lbls" />
<br />
<asp:Panel ID="Panel3" runat="server" DefaultButton="btnSubmit">
<asp:TextBox ID="txtEmail" runat="server" class="txts" />
</asp:Panel>
<br />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="btns jqmClose"
CausesValidation="false" />
<div class="btns" style="display: inline;">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
</div>
</span>
</form>
</body>
</html>
谢谢！
编辑 请忽略。这只是打开兼容模式的 IE9 问题。 发布后我意识到 - 为什么我没有在 IE8 中检查这个 - sigh - 有时过多的关注是一件坏事。呵呵。我离开这里是为了另一个示例，说明如何为 jqModal 和 ASP.NET 进行设置，并作为对可能偶然发现这个奇怪组合的任何其他人的一个轻微警告。
【问题讨论】：
-
您可能应该将该编辑作为答案并将其标记为已解决，这样它就不会再出现在“未回答”列表中。
标签： jquery asp.net internet-explorer-9 jqmodal