javascript - jQuery 如何使函数全局化？或文档级别？

Question

这个问题已经有答案了:

Why does jQuery or a DOM method such as getElementById not find the element? (7 个回答)

已关闭 5 年前。

我是 jQuery 和 javascript 新手。我正在尝试一些事情，所以让我解释一下我所拥有的:

-我有几个单独的 .js 文件运行代码。我无法让它们在 index.html 文件中的代码触发之前加载。它总是加载 jQuery 文件(它设置 window 属性)，然后加载 index.html，然后加载我在 jQuery 主文件中列出的所有其他 .js 文件。所以我正在尝试解决这个问题。

我已将 javascript 分成单独的文件:
-jQuery.js (mini)//来自任何本地或主ajax源，这可以工作
-mainpage.js//用于主页设置的javascript代码。它存在所需的元素，目前什么也没有。
-mainmenu.js//这会加载包含主菜单列表的mainmenu.html。
-index.html//我想在此运行的唯一代码是声明 ".active"类到主页按钮。我希望它在这个文件中，这样我就可以在我的所有文件中使用相同的通用 mainmenu.js 和 mainmenu.html。
这些都在index.html中声明。的头。

我的问题是它加载jQuery.js加载然后立即触发index.html 的javascript。我不知道如何声明将设置 #home 的函数按钮为".active"我可以将其声明到文档级别吗？我知道我不应该让它成为全局性的......但我什至不知道该怎么做？
我目前正在这样做:

defineactive(){
    $(mmlist).find("#home").addClass("active"); 

}

但是，mmlist尚未定义。这在 mainmenu.js 中声明，在index.html之后加载

所以我想我的问题是我可以声明一个函数以便能够在 jQuery.js 之外调用吗？ ？

如果没有，除了使用外部源/应用程序之外，我如何确保 javascript 文件按顺序加载？我计划稍后以更复杂的方式使用这个想法，所以我需要它发挥作用。

Answer 1

尝试将您的代码包装为:

$(document).ready(function(){
// ... Your code ...
});

因此它将在页面加载时运行。