2015-05-29 59 views
2

我用jQuery和Javascript製作了網站。我注意到有時JS文件加載不好。 我在控制檯我隨機發現了jquery錯誤

Uncaught ReferenceError: jQuery is not defined(anonymous function) @ jquery.easing.1.3.js:37
jquery.anyslider.js:4
Uncaught ReferenceError: jQuery is not defined(anonymous function) @ jquery.anyslider.js:4 custom.js:3
Uncaught ReferenceError: $ is not defined(anonymous function) @ custom.js:3 flytocart.js:1
Uncaught ReferenceError: $ is not defined

了這些錯誤。如果我刷新頁面錯誤都消失了,並且一切正常。如果我再次刷新有錯誤。我隨機得到錯誤。

我的JS文件都在頭部

<script async src="js/jquery-1.11.3.min.js"></script> 
<script async src="js/jquery-ui.min.js"></script> 
<script async src="js/jquery.easing.1.3.js"></script> 
<script async src="js/jquery.anyslider.js"></script> 

<script> 
    WebFontConfig = { 
     google: { families: ['Open+Sans:400italic,600italic,700italic,800italic,700,600,800,400:latin,latin-ext', 'Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic:latin,latin-ext', 'Roboto+Condensed:300italic,400italic,700italic,400,300,700:latin,latin-ext'] } 
    }; 

    var cb = function() { 
     var wf = document.createElement('script'); 
     wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
    }; 

    var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; 

    if (raf) { 
     raf(cb); 
    } else { 
     window.addEventListener('load', cb); 
    } 

</script> 

<script async src="js/custom.js"></script> 
<script async src="js/flytocart.js"></script> 
<script src='https://www.google.com/recaptcha/api.js'></script> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

可能是什麼原因?我該如何解決它?

感謝所有幫助

回答

3

正如你已經添加async到你的腳本標籤。是的,它不會阻止呈現您的頁面,但不能保證以與您在頁面中添加的順序相同的順序下載這些腳本。

所以嘗試從腳本標記中刪除async後。

+2

此外,它的HTML5標記和瀏覽器支持Firefox 3.6+,IE 10+,Chrome 2+,Safari 5+,iOS 5+,Android 3+。沒有Opera支持。 – Anil