Question

我正在尝试构建具有需要多个js文件的html文件的Web应用程序。我需要在每个js文件中的jQuery.ready()中指定一些事情，但不可能多次定义$(function () {})。我可以以某种方式更改传递的函数吗？

index.pug

script
    include src/firstFile.js
script
    include src/secondFile.js

firstFile.js

$(() => {
    doSomeThings()
})

secondFile.js

$(() => {
    doSomeOtherThings()
}

在结果代码中只做第一个文件中的内容。我能以某种方式处理它吗？

修改：它似乎在我的代码中不起作用，因为我没有添加适当的HTML代码。上面的代码效果很好

Answer 1

是您可以拥有document.ready()的多个语句，但它不被认为是干净的代码。它的工作原理，在这里看到一个简单的例子。

$(() => {
  doSomeThings();
});


$(() => {
  doSomeOtherThings();
});

function doSomeThings() {
  console.log('doSomeThings')
}

function doSomeOtherThings() {
  console.log('doSomeOtherThings')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何添加多个jquery.ready（）函数？

1 个答案: