私のウェブページには、次のようなスクリプトがあります。
<head>
<script src="scripts/effect.js"></script>
<script>
if (document.readyState == 'complete') {
doOnLoad();
}
$(window).bind("load", doOnLoad);
function doOnLoad() {
console.log("here..");
}
</script>
</head>
effect.jsファイルには、以下に示すスクリプトが含まれています。
$( document ).ready(function(){
console.log("yes");
// here I've script for reading a text file using ajax and manipulating the result from text file
$.ajax({
// code goes here
console.log("ajax");
});
});
問題は、最初にページを実行したときに結果が得られないことです。その時点で、コンソール出力を次のように取得します
yes
here..
ajax
しかし、ページを再度更新すると、結果が得られ、コンソールは次のように出力されます。
yes
ajax
here..
window.load完了後に実行するにはどうすればよいですかdocument.ready。
誰でもこれを修正するのを手伝ってもらえますか? 前もって感謝します。