Javascript 完全加载DOM后，jQuery将严格执行操作

我正在用一种新闻的方式显示100000位数字π。 如果我打开Chrome inspector，我可以看到页面从上到下加载，但是数字后面的以及后面的所有JS都会呈现黑色几秒钟，然后才按照默认设置变为彩色。但是，脚本已经开始运行，正如您在测试页面上看到的： 它似乎在运行，但没有渲染。 如果我减少数字的大小，它就会工作。 因此，显然这是一个加载不完整的问题

---

如何强制脚本在所有内容都100%加载后才播放？

您可以将代码如上所述放置，以等待dom完全加载

$(function() {
    // Your code
});

如果这还不够，如果您想等待加载所有内容（图像、css等等），您可以将代码放在上面：

$(function()
{
    $(window).bind('load', function()
    {
        // Your code
    });
});

---

您可以像上面那样放置代码，等待dom完全加载

$(function() {
    // Your code
});

如果这还不够，如果您想等待加载所有内容（图像、css等等），您可以将代码放在上面：

$(function()
{
    $(window).bind('load', function()
    {
        // Your code
    });
});

---

查看您的网站，我看到您加载ticker插件并执行自己的代码：

jQuery(document).ready(function($) {
 $(function () {
        $('#js-news').ticker({
            speed: 0.05,
            fadeInSpeed: 0,
            titleText: '',
            controls: false,
        });
    });
});

此代码中有两个问题：

1） 不必要的筑巢。在documentready上执行代码，然后再次调用documentready处理程序（$（function（）{…}）

请记住，编写$（document）.ready（function（）{}）或$（function（）{}）的目的完全相同。因此，您可以删除第二个事件侦听器（无用）：

使用document.ready注册，您的代码将在DOM完全构建后运行

---

2） 我看到的另一个问题是您的选择器#js news无法解决！我在ID=jsnews的页面中没有看到任何元素。。。我错过什么了吗

查看您的网站，我看到您加载了ticker插件并执行自己的代码：

jQuery(document).ready(function($) {
 $(function () {
        $('#js-news').ticker({
            speed: 0.05,
            fadeInSpeed: 0,
            titleText: '',
            controls: false,
        });
    });
});

此代码中有两个问题：

1） 不必要的筑巢。在documentready上执行代码，然后再次调用documentready处理程序（$（function（）{…}）

请记住，编写$（document）.ready（function（）{}）或$（function（）{}）的目的完全相同。因此，您可以删除第二个事件侦听器（无用）：

使用document.ready注册，您的代码将在DOM完全构建后运行

---

2） 我看到的另一个问题是您的选择器#js news无法解决！我在ID=jsnews的页面中没有看到任何元素。。。我错过什么了吗

你试过

jquery（window.load（）

而不是

jquery（document.ready（）

）吗？我只是想建议Jason怎么做<代码>$（文档）.load（…）与

相同您是否尝试过

jquery（窗口）.load（）

而不是

jquery（文档）.ready（）

？我只是想建议Jason做了什么<代码>$（文档）。加载（…）与

相同。不，恐怕它会做完全相同的事情。不，恐怕它会做完全相同的事情。我刚刚删除了on document ready位，仍然没有运气。是的，id在那里，最重要的是数字，它是

。谢谢，我把它放在JSFIDLE上，这样大家都可以很容易地看一看。这里是编辑器的链接，您可以在这里看到JSFIDLE示例的实际操作：true，似乎确实有效：使用100000个字符：-）谢谢！我只是删除了文件准备位，仍然没有运气。是的，id在那里，最重要的是数字，它是
。谢谢，我把它放在JSFIDLE上，这样大家都可以很容易地看一看。这里是编辑器的链接，您可以在这里看到JSFIDLE示例的实际操作：true，似乎确实有效：使用100000个字符：-）谢谢！