在將jQuery腳本加載到異步之後獲取「$ is undefined」錯誤

Question

在將jQuery腳本加載到async之後，出現$(document).ready()上的「$ is undefined」錯誤。

以下是我的代碼的簡短版本。在我將async屬性添加到加載jQuery的我的<script>標記之前，它正在工作。

我這樣做是基於由谷歌網頁洞察以改善我的網頁的表現

推薦

<script src="/scripts/jquery.min.js" async></script> 
<script> 
    $(document).ready(function(){ 
     //Some variable initialization 
    }); 
</script> 

Answer 1

你可以強迫你的初始化代碼要等到jQuery是加載通過從onload處理程序調用它放在你的<script>標籤：

<script src="//code.jquery.com/jquery-1.11.3.min.js" async onload="init()"></script> 
 

 
<script> 
 
    function init() { 
 
    $(document).ready(function() { 
 
     //Some variable initialization 
 

 
     console.log("loaded"); 
 
    }); 
 
    } 
 
</script>