在文档底部的jQuery库完全加载后运行内联jQuery?

在文档底部的jQuery库完全加载后运行内联jQuery?,jquery,function,jquery-3,Jquery,Function,Jquery 3,我有一个很大的内联jQuery函数,我想在底部加载jQuery库后触发它。否则我会得到“未捕获的引用错误”。因此,我将该函数包装成了一个超时函数——它可以工作,但前提是DOM的加载速度比timout快。我已经尝试过加载窗口函数,它也会返回“uncaughtreferenceerror” HTML文档如下所示: <html> <head> ... </head> <body> ... <script> // Inline jQu

我有一个很大的内联jQuery函数,我想在底部加载jQuery库后触发它。否则我会得到“未捕获的引用错误”。因此,我将该函数包装成了一个超时函数——它可以工作,但前提是DOM的加载速度比timout快。我已经尝试过加载窗口函数,它也会返回“uncaughtreferenceerror”

HTML文档如下所示:

<html>
<head>
...
</head>
<body>
...
<script>

    // Inline jQuery that needs to stay inline

    setTimeout( function(){ 

        // Run my big jQuery function

    }, 100 );

</script>
...
<script src="jQuery-library.js" ><script>
<script src="my-jQuery-functions.js" ><script>
</body>

...
...
//需要保持内联的内联jQuery
setTimeout(函数(){
//运行我的大jQuery函数
}, 100 );
...

在文档底部的jQuery库被完全加载之后,有没有办法触发我的内联函数,并且可能不将jQuery库移动到头部?提前非常感谢

您可以对
load
事件做出反应,该事件发生在所有资源(脚本、图像等)完成加载后:


addEventListener(“加载”,函数(){
$(函数(){
$(“body”).append(“jQuery现在可用!

”; //运行我的大jQuery函数 }); },假);
为什么不能将脚本移到jQuery下面?哇-非常感谢!这让我省去了很多头痛,同时也非常简单!太好了,再次感谢!