我在这里看到了这个问题的几个版本,但它们似乎都与我的问题不同,所以我想我会创建一个新问题。我必须在这里做一些非常愚蠢的事情,但对于我的生活,我无法发现它。
我将从上下文开始,尽管它不是特别相关:我正在延迟加载 jQuery 与 js 代码,这意味着我的代码文件都不能包含$(document).ready(...)
调用,因为“$”在第一次传递时将是未定义的。相反,我将准备好的函数添加到“全局”数组中,并且在 jQuery 异步加载之后,我使用以下命令调用所有这些函数:
function FireLoadEvents() {
while ( OnLoadEvents.length > 0 ) {
var item = OnLoadEvents.splice(0,1);
item[0].ready();
}
}
现在在我的任何页面组件中,我可以使用以下内容添加一个我希望在加载 jQuery 并且文档实际准备好时触发的事件:
OnLoadEvents.push( { ready: function() { ... } } );
我OnLoadEvents
在头部模板的最顶部定义了变量:
<script language="text/javascript">
var OnLoadEvents = new Array();
</script>
如您所见,它在任何函数范围之外,并且在引用之前也已声明。单独测试时,此设置运行良好,但由于某种原因,当它添加到我的实际页眉时,页面后面的脚本标签无法将项目添加到OnLoadEvents
变量中。例如,以下内容由 php-include 服务器端拉入我的模板,并将这些行添加到我的页面正文中:
<script type='text/javascript'>
OnLoadEvents.push( { ready: function() {
if ( $('.sponsor-link').length != 0 ) {
...
}
} } );
</script>
当我在 Chrome 中点击此页面时,它会在上面的“推送”行中报告以下异常:
Uncaught ReferenceError: OnLoadEvents is not defined
知道发生了什么吗?为什么 OnLoadEvents 会在我初始化它的几行之后未定义?我会注意到我也尝试过定义和引用OnLoadEvents
为window.OnLoadEvents
.
提前致谢!