jQuery $(document).ready() 没有触发答案

【问题标题】：jQuery $(document).ready() not firingjQuery $(document).ready() 没有触发
【发布时间】：2011-04-27 20:14:10
【问题描述】：

使用来自 Google 托管代码的 jQuery 1.4.2。

当文档准备好时，以下 javascript 没有触发所有 3 个 document.ready 函数是否有原因？

第一个 $(document).ready() 函数呈现标题，第二个函数触发“Foo”警报框，但不会触发新 <script> 块中的后续函数，

<script type="text/javascript">
    $(document).ready(function () {
        Cufon.replace('h1'); // Works without a selector engine
        Cufon.replace('h2'); // Works without a selector engine
        Cufon.replace('h3'); // Works without a selector engine
        Cufon.now();
    });
    $(document).ready(function () { alert("Number Foo"); });
</script>

// html tags

<script type="text/javascript">
    $(document).ready(function () { alert("Number One"); });
    $(document).ready(function () { alert("Number Two"); });
</script>

它们位于单独的 Web 部件中，托管在 Sharepoint2010 的同一页面上

【问题讨论】：

在另一个文档就绪函数中定义一个文档就绪函数我会有点谨慎。
抱歉，打错了。帖子已更新。
最后一个 $(document).ready 函数没有很好地终止。 });失踪
好地方，但这不是问题...
每个脚本标签都在一个单独的 Web 部件中？我们以前不知道这一点。问题本身不在脚本中。您页面中的其他内容正在弄乱您的代码

标签： asp.net jquery sharepoint-2010 web-parts

【解决方案1】：

我马上想到了三个要尝试的取证方法：

尝试使用非 Google 托管图书馆。
注释掉Cufon 打电话——我相信Cufon会做一些疯狂的东西下载额外资源，是吗？那可能干扰。
子在 $(window).load() 一个或多个你的$(document).ready() 回调定义。他们有不同的解雇标准—— $(window).load() 等待据称，所有要加载的东西- 但替代品可能是揭示。

当然，在这种情况下，console.log() 和 alert() 将是您最好的 in-leu-of-debugger-breakpoint 朋友。

【讨论】：

Cufon 是罪魁祸首...已删除！
$(window).load() 提示帮助了我！
如果 $(window).load() 有效但 $(document).ready() 无效，这是什么意思？
@CharlieMezak：您的脚本是否依赖于它假定已加载的资产（如图像）？我相信一旦加载了所有文档的脚本、CSS 和 HTML，$(document).ready() 回调就会触发，而无需等待图像和其他引用。
切换到 $(window).load() 为我解决了这个问题，但我不知道为什么。如果有人能提供任何有用的信息。

【解决方案2】：

您在第二个脚本标记中缺少右大括号和括号

【讨论】：

不，这不是问题。
您是从一开始就输入了错误的代码，还是在回答后更正了代码？
我在您第一次回答问题之前更改了它。

【解决方案3】：

您在最后一个 $(document).ready 的末尾缺少});

一旦你更正了它应该可以工作

编辑： 既然您现在说每个脚本标记都在一个单独的 Web 部件中，我相信问题本身不在脚本中。您页面中的其他内容正在弄乱您的代码。

【讨论】：

这不是问题，因为我已经修复了源代码，但它仍然无法正常工作。