次のものだけで構成される基本的な HTML ページがあります。
<body id="body">
<script src="js/jquery-2.0.3.js" type="text/javascript"></script>
<script src="js/three.min.js" type="text/javascript"></script>
<script src="js/stats.min.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>
</body>
ページの本体として、index.html
コンテンツapplication.js
は次のとおりです。
function init() {
var container = $('div');
container.attr('id', 'container');
$('body').append(container);
alert('Container: ' + $('#container').length);
}
$(function() {
init();
});
これは明らかに非常に基本的なコードです。div を作成して body に追加します。ただし、alert
呼び出しが返さ0
れ、クロムを介して DOM ツリーを検査すると、div が追加されません。
スクリプト ファイルを<body>
タグの末尾に追加init()
し、jQueryready()
ブロックから呼び出すと、なぜこのようなことが起こるのでしょうか? このような基本的で単純な作業のようです。
注: Chrome のコンソールでエラーがスローされていません