【发布时间】：2013-11-15 15:04:41
【问题描述】：
很遗憾，我无法在我的应用程序之外重现此问题。我有一个 VS2012 项目，我可以发给任何愿意看的人。它单独适用于我，但不适用于更大的应用程序。
我的目标是在母版页中有一个通用的覆盖控件，页面可以在部分回发期间冒泡显示事件。
这是我所拥有的：
- 在叠加层中显示消息框的用户控件
- 获取 PageRequestManager 对象并添加 pageLoaded 事件的 javascript 文件
- 事件处理程序检查隐藏控件的值并使用 jquery 显示/隐藏消息
- 包含脚本管理器和用户控件的母版页包含在更新面板中
- 一个包含共享事件的类，用于提醒母版页需要显示一条消息
- 一个带有更新面板的页面，其中包含一个 div、一个按钮和一个文本框
- 一个 css 文件
测试应用会发生什么：
- 在框中输入文本并单击按钮
- 按钮点击事件
- 将文本复制到更新面板中的 div 中
- 调用自定义类中的DisplayMessage方法提示母版页
- DisplayMessage 实例化并填充自定义事件参数并引发事件
- 母版页中的处理程序设置用户控件的属性并在其 UpdatePanel 上调用 Update
- 页面显示覆盖并触发 pageLoaded [1]
- javascript 函数计算隐藏控件的 Value 属性并显示消息。
- 用户点击确定按钮
- 点击处理程序（服务器端）设置隐藏值并触发用户控件更新面板上的更新
- 消息消失
“在现实生活中”会发生什么：
- 在点 [1]，javascript 失败，$ 未定义
chrome控制台允许我输入jQuery并显示元素ok。
不涉及 jq 插件，脚本管理器位于主窗体的顶部。 jquery 引用在指向 google 的 master 中，没有“http/https”。
我尝试在 ScriptManagerProxy 中添加外部脚本，但无济于事。事实上，测试应用程序与
<script src="blahblah.js"></script>
在用户控件标记的底部。
非常感谢您提供的任何帮助。
干杯， .pd.
编辑：
按要求提供脚本参考：
这是母版页：
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="/scripts/tabindex.js"></script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body style="background-color: #cccccc;">
<form id="form1" runat="server">
<asp:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptMan1" EnablePageMethods="true">
</asp:ToolkitScriptManager>
<asp:UpdatePanel ID="updPopupMsg" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<amis:PopupMsg ID="popMaster" runat="server" Hidden="true" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
这是 UserControl 标记：
<div id="divOverlay" runat="server" class="helpbox-overlay"></div>
<div id="divMessage" runat="server" class="helpbox">
<asp:HiddenField ID="hdnHidden" runat="server" Value="True" />
<asp:Panel ID="pnlHelpBox" CssClass="helpbox-popup" runat="server">
<h1>
<asp:Label ID="lblTitle" runat="server"></asp:Label></h1>
<p>
<asp:Label ID="lblMsg" runat="server"></asp:Label>
</p>
<p> </p>
<p align="center">
<asp:Button ID="btnClose" CausesValidation="false" Text="Close" runat="server"/>
</p>
</asp:Panel>
</div>
<script type="text/javascript" src="/scripts/popup-msg.js"></script>
该 javascript 文件中的代码如下所示：
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(popup_msg_init);
function popup_msg_init() {
if ($('input[id*="hdnHidden"]').attr('value') == 'True')
popup_msg_hide();
else
popup_msg_show();
}
function popup_msg_show() {
$('div[id*="divOverlay"]').show();
$('div[id*="divMessage"]').show();
}
function popup_msg_hide() {
$('div[id*="divOverlay"]').hide();
$('div[id*="divMessage"]').hide();
}
编辑：
嘿 - 是否有可能异步加载脚本？有什么工具可以用来验证什么时候发生的事情吗？我问是因为我将 javascript 更改为以下内容：
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(popup_msg_init);
function popup_msg_init() {
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
if (input.id.indexOf('hdnHidden') > 0) {
if (input.value == 'True')
popup_msg_hide();
else
popup_msg_show();
}
}
}
function popup_msg_show() {
$('div[id*="divOverlay"]').show();
$('div[id*="divMessage"]').show();
}
function popup_msg_hide() {
$('div[id*="divOverlay"]').hide();
$('div[id*="divMessage"]').hide();
}
现在一切正常。所以我的理论是 pageLoaded 正在另一个看不到 jquery 的线程上调用我的 popup_msg_init 函数，并且手动搜索 dom 导致的延迟给了它足够的时间来加载 cuz 在调用显示/隐藏函数时，一切都很正常.
所以我想我会通过在那里设置超时来检查：
setTimeout(function () {
if ($('input[id*="hdnHidden"]').attr('value') == 'True')
popup_msg_hide();
else
popup_msg_show();
}, 5000);
但它又回到“$未定义”。
对此有何评论？
【问题讨论】：
-
该错误意味着页面中没有正确包含 jQuery。在没有实际看到任何代码的情况下，这几乎是任何人都可以得到的帮助。
标签： jquery asp.net user-controls scriptmanager pagerequestmanager