以下のスクリプトでは、jQuery.js が defer 属性に含まれている限り、"Uncaught ReferenceError: jQuery is not defined" エラーが発生します。jQuery オブジェクトを呼び出しているインライン スクリプトも延期されても違いはありません。
ページのレンダリングを高速化するために、スクリプトを延期しようとしています。
このようなエラーなしでjQueryを延期することは可能ですか?
Uncaught ReferenceError: jQuery が定義されていません
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery defer test</title>
<link rel="stylesheet" href="styles.css" media="screen" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<p>content goes here...</p>
<script type='text/javascript' src='scripts.jquery.js' defer='defer'></script>
<script defer='defer'>
jQuery(document).ready(function(){
alert('deferred');
});
</script>
</body>
</html>