Javascript 需要在同一HTML页面调用的两个不同JS文件中的两个$(document.ready)函数之间划分优先级

Javascript 需要在同一HTML页面调用的两个不同JS文件中的两个$(document.ready)函数之间划分优先级,javascript,jquery,Javascript,Jquery,我有一个HTML页面,其中包括2个JavaScript文件(顺序相同) 内部dashboard.js: $(document).ready(function() { requestUserStoreList(); }); $(document).ready(function() { requestDashLaborCost(); }); requestUserStoreList()获取存储列表,将其传递给另一个函数,该函数随后将当前存储ID存储在会话存储中 requestDa

我有一个HTML页面,其中包括2个JavaScript文件(顺序相同)

内部dashboard.js

$(document).ready(function() {
    requestUserStoreList();
});
$(document).ready(function() {
    requestDashLaborCost();
});
requestUserStoreList()获取存储列表,将其传递给另一个函数,该函数随后将当前存储ID存储在会话存储中

requestDashLaborCost()从会话存储中获取当前存储ID以运行“POST”API

当前requestDashLaborCost()为 在requestUserStoreList()之前执行的storeID

我的问题是如何确保requestUserStoreList() 在对$(文档)执行requestDashLaborCost()之前执行。准备好了吗


谢谢。

下面是如何使用
CustomEvent
触发第二个脚本文件中的代码

注意:因为我们只需要做工作,所以不需要传递
detail

显然,代码段不支持两个文件。但你明白了

让myDataValue=0;
//这在文件一中。
函数doWorkNumberOne(){
myDataValue=10;
}
document.addEventListener('DOMContentLoaded',()=>{
doWorkNumberOne();
document.dispatchEvent(新CustomEvent(“MyCustomEvent”));
});
//这是第二档案
函数doWorkNumberTwo(){
console.log(myDataValue);
}
document.addEventListener('MyCustomEvent',()=>{
doWorkNumberTwo();

});第一个函数完成时是否可以调度自定义事件。看看这里:我很确定,如果您愿意,您可以将两个调用一个接一个地合并到同一个.js文件中,它们将按执行顺序依次启动。根据您所说的,将首先处理
selectstore.js
中的代码,并使用多个
document.ready
函数,它们的注册顺序就是它们被调用的顺序。您可能希望使用
setTimeout
延迟调用第二个函数。Harsh,您能够编辑这些文件吗?或者您不能更改它们吗?因为使用jQuery也可以使用jQuery自定义事件。少打字involved@charlietfl真的可以。快乐编码!!
$(document).ready(function() {
    requestDashLaborCost();
});