使用带有require js的document.ready的一种更简单的方法

Question

我正在为我当前的项目使用require js和jquery。我想知道什么是最好的方法来使用document.ready与require.js。

我当前的文件结构：

main.js

define(["Jquery"], function () {
$(document).ready(function () {
        $("#SomeButton").click(function () {});
});

test.js

define(["main"], function () {
$(document).ready(function () {

        $("#AnotherButton").click(function () {
});
});

test1.js

define(["main"], function () {
$(document).ready(function () {
       $("#AnotherButton").click(function () {
});
});

正如您所看到的，我在三个文件中都使用了document.ready。编写使用document.ready的代码是不是在每个模块文件中定义此事件的更好方法。我希望保持这些模块的原样，但只是想在代码执行之前确保dom准备就绪。

我能做的一件事是在main.js document.ready事件中加载所有模块文件。但由于我有不同的页面使用不同的js文件，所有这些都不是一个选项。

任何帮助都将不胜感激。

Answer 1

我认为这已经足够了。您可以从多个位置触发document.ready，但所有这些都将被异步调用。因此，如果您希望它们按顺序触发，那么您应该考虑将它们安排在一个地方，否则它应该没问题。