シーンの少ないゲームを作っています。各シーンには独自の JavaScript があり、非同期でロードした後、特定のシーン ファイルを div にロードします。
ここに私のhtml index.htmlがあります
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.js"> </script>
<script type="text/javascript" src="first.js" id="first" ></script>
</head>
<body>
<div id="test" style="width: 800px; height: 400px; background: black">
hello
</div>
<button id="submit">submit</button>
</body>
</html>
ここに 2 つの作業関数があります。
最初の1つ
$(document).ready(function() {
$('#submit').click(function() {
(function() {
var myscript = document.createElement('script');
myscript.type = 'text/javascript';
myscript.src = ('second.js');
var s = document.getElementById('first');
s.parentNode.insertBefore(myscript, s);
})();
});
});
そして、これが2番目です
$( "#test" ).load('div.html');
2 番目のコマンドが必要です: $( "#test" ).load('div.html'); スクリプトのロードが正常に終了した直後に実行されます。
どうやってやるの？