【发布时间】：2011-09-09 08:52:35
【问题描述】：
点击链接时我正在调用厚框：
<a href="createContact.aspx?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=400&width=550&modal=true"
title="Add a new Contact" class="thickbox">Add a new Contact</a>
并且，当单击服务器按钮时，我调用此 javascript 函数来显示 jGrowl 通知：
ScriptManager.RegisterClientScriptBlock(this, typeof(Page), Guid.NewGuid().ToString(), "$(function(){$.jGrowl('No Contact found: " + searchContactText.Text + "');});", true);
两者都按预期工作，除非 jGrowl 先显示而不是厚框。这将导致thickbox 无法工作，并且页面将显示为正常的web（好像thickbox 已经消失了）。
有人知道发生了什么吗？
更新：这是一个没有母版页的测试页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="RoutingPortal.Presentation.WebForm2" %>
<!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 runat="server">
<title></title>
<script src="../Scripts/jquery-1.6.2.js" type="text/javascript"></script>
<script src="../Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="../Scripts/thickbox.js" type="text/javascript"></script>
<script src="../Scripts/jquery.jgrowl.js" type="text/javascript"></script>
<link href="../Scripts/css/jquery.jgrowl.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="~/CSS/thickbox.css" type="text/css" media="screen" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
<a href="createContact.aspx?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=400&width=550&modal=true"
title="Add a new Contact" class="thickbox">Add a new Contact</a>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
这是代码隐藏：
namespace RoutingPortal.Presentation
{
public partial class WebForm2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
ScriptManager.RegisterClientScriptBlock(this.Page, typeof(Page), Guid.NewGuid().ToString(),
"$(function(){$.jGrowl('My Message');});", true);
}
}
}
我刚刚在没有 UpdatePanel 的情况下对其进行了测试，它运行良好。因此，这绝对是 UpdatePanel 的问题 或者它与从代码隐藏调用的 jGrowl 交互的方式。
非常感谢你们的帮助。
更新：我什至创建了一个演示项目，可以轻松识别此问题。不介意将它发送给愿意帮助我解决此问题的任何人。提前谢谢各位！
更新：我也尝试了@Rick 给出的解决方案，改变了从代码隐藏执行 jGrowl 脚本的方式：
ScriptManager.RegisterStartupScript(this.Page, typeof(Page), Guid.NewGuid().ToString(),
"$.jGrowl('My Message');", true);
但是，由于结果完全相同，问题仍然存在。还有其他想法吗？非常感谢您的帮助。
更新：我也在 IE8 和 Chrome 中尝试过这个，面临同样的问题。因此，这与浏览器无关。以防万一。
【问题讨论】：
-
澄清一下，您是说问题在于当您在显示 jGrowl 后单击您的链接时，它就像一个普通链接，并没有在厚框中打开页面？
-
是的，我就是这个意思
标签： c# javascript asp.net thickbox jgrowl