0

我制作了一个场景很少的游戏。每个场景都有自己的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>

这是两个工作函数。

第一

$(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);
        })();

    });

});

这是第二个

 $( "#test" ).load('div.html');

我想要第二个命令： $( "#test" ).load('div.html'); 在脚本加载成功完成后立即执行。

我怎样才能做到这一点？

4

1 回答 1

2

只需将另一个放在另一个函数.load()的回调中.load()

$( "#targetelement" ).load('myajaxpage.php', function(){
      //call back
       $( "#targetelement" ).load('myajaxpage.html', function(){
             //call back
      }) 
});

因为我意识到你的问题的标题与你所问的不同

我想要第二个命令： $( "#test" ).load('div.html'); 在脚本加载成功完成后立即执行。

您需要使用具有callback以下脚本加载器功能的脚本加载器

http://headjs.com/

head.js("/path/to/jquery.js", "/google/analytics.js", "/js/site.js", function() {

   // your function you want to call after the scripts above is loaded

});

http://yepnopejs.com/

yepnope.injectJs("jquery.js", function () {
  // your function you want to call after the scripts above is loaded

}, {
  charset: "utf-8"
}, 5000);

好吧，有很多脚本加载器，但根据我的经验，上面的两个对我来说真的很好

于 2013-05-03T18:01:40.057 回答