jquery - 一种更简单的使用 document.ready 和 require js 的方法

Question

我正在为我当前的项目使用 require js 和 jquery。我想知道将 document.ready 与 require.js 结合使用的最佳方式是什么。

我当前的文件结构：

main.js

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

测试.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，但它们都将被异步调用。所以如果你想让它们按顺序触发，那么你应该考虑将它们安排在一个地方，否则应该没问题。