加載多個腳本后回調 function

Question

我有兩個這樣的腳本文件

  <script  onload="mready();" src="moment.js"></script>
  <script  onload="jready();" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

上面的代碼在加載moment.js之后調用mready ()，在加載jquery之后調用jready ()，如何在加載兩個腳本后調用另一個function。

Answer 1

只需寫一個 function 來檢查兩者是否都准備好了：

let mIsReady = false;
let jIsReady = false;

function mready () {
    mIsReady = true;
    ready();
}

function jready () {
    jIsReady = true;
    ready();
}

function ready () {
    if (mIsReady && jIsReady) {
        // do what you need here
    }
}