jQueryを使い始めたばかりで、$(document).ready()を使用して、ページの読み込み時間。でJavaScriptをしかし
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript">
$(document).ready(function(){
$("#container").html("<p>Hello world</p>");
});
</script>
<title>Test</title>
</head>
<body>
<div id="container"></div>
</body>
</html>
私は外部のJavaScriptファイルにリンクしている場合、およびインラインを置き換える:それは私がこの(この例では明らかに簡素化されますが、それは問題の挙動を示している)のようなインラインのJavaScriptコードを使用したときに正常に動作しますこの:
スタートのコードはfunction start(){
$("#container").html("<p>Hello world</p>");
}
何も起こらないです
$(document).ready(start());
。私は、外部のstart()関数に警告ボックスを置くと、関数内のコードが実行されているので、正常にポップアップします。コンソールにもエラーは表示されません。私は
document.getElementById("container").innerHTML = "<p>Hello world</p>";
で
$("#container").html("<p>Hello world</p>");
を交換する場合は、コンソールはのdocument.getElementById( "コンテナ")がnullであると言って、エラーになります。
誰かがこれについて正しい方向に私を指すことができれば本当に感謝します。
ああ、私を打つ+1 –
それは働いた!どうもありがとう :) –