Javascript 在多个jQuery游戏文件上使用getScript，但它们没有'；我好像没在装货_Javascript_Jquery

Javascript 在多个jQuery游戏文件上使用getScript，但它们没有'；我好像没在装货

javascript jquery

Javascript 在多个jQuery游戏文件上使用getScript，但它们没有'；我好像没在装货,javascript,jquery,Javascript,Jquery,正在学习游戏制作教程并尝试加载不同的jquery文件，但它们似乎不起作用。以下是我的代码的缩写版本： <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> function getScripts(scripts, callback) { var

正在学习游戏制作教程并尝试加载不同的jquery文件，但它们似乎不起作用。以下是我的代码的缩写版本：

<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
 function getScripts(scripts, callback) {
  var progress = 0;
   var internalCallback = function () {
    if (++progress == scripts.length) { callback(); }
};

scripts.forEach(function(script) { $.getScript(script, internalCallback); });
};

getScripts(["_js/ui.js", "_js/bubble.js", "_js/game.js"], function () {
 function();
  $(function(){
   var game = new BubbleShoot.Game();
   game.init();
 })
});
</script>
</head>

<body>
<div id="start_game" class="dialog">
<div id="start_game_message">
 <h2>Start a new game</h2>
</div>
<div class="but_start_game button">
 New Game
</div>
</body>

bubble.js

var BubbleShoot = window.BubbleShoot || {};
 BubbleShoot.Bubble = (function($){
var Bubble = function(sprite){
 var that = this;
  this.getSprite = function(){return sprite;};
};
 Bubble.create = function(){
var sprite = $(document.createElement ("div"));
 sprite.addClass("bubble");
 sprite.addClass("bubble_0");
 var bubble = new Bubble(sprite);
 return bubble;
};
return Bubble;
})(jQuery);

和game.js

BubbleShoot.Game = (function($){
 var Game = function(){
  var curBubble;
   this.init = function(){
  $(".but_start_game").bind("click",startGame);
};
var startGame = function(){
 $(".but_start_game").unbind("click");
 BubbleShoot.ui.hideDialog();
 curBubble = getNextBubble();
};
var getNextBubble = function(){
 var bubble = BubbleShoot.Bubble.create();
 bubble.getSprite().addClass("cur_bubble");
 $("#board").append(bubble.getSprite());
 return bubble;
};
};
 return Game;
})(jQuery);

我尝试过单独加载脚本或将它们加载到文件体中，但它们似乎不起作用

提前感谢。

尝试删除

函数（）

在调用

getScripts

时？尝试过，仍然没有工作？您能描述一下“仍然没有工作”吗，在stacksnippets复制，plnkr？你的脚本比我的更高级，但我会试试。。。首先，我将把声明放在函数之后（因此将var BubbleShoot=window.BubbleShoot | |{}；作为bubble.js中的最后一行）。如果这不起作用，我将放置console.log（“test”）；调用三个外部脚本中的每一个，并使它们位于任何函数之外。这应该表明是否发生了任何执行。最后，正如上面提到的客户用户，描述“仍然不工作”。您的控制台是否显示正在进行ajax调用？很抱歉没有尽快返回问题的一部分似乎是我的测试服务器，但删除function（）最终使ui.js正常工作。我检查了bubble.js和game.js的执行情况，它们现在也可以正确加载，但我的测试服务器再次崩溃。非常感谢你的帮助，因为我已经解决了这个问题！

BubbleShoot.Game = (function($){
 var Game = function(){
  var curBubble;
   this.init = function(){
  $(".but_start_game").bind("click",startGame);
};
var startGame = function(){
 $(".but_start_game").unbind("click");
 BubbleShoot.ui.hideDialog();
 curBubble = getNextBubble();
};
var getNextBubble = function(){
 var bubble = BubbleShoot.Bubble.create();
 bubble.getSprite().addClass("cur_bubble");
 $("#board").append(bubble.getSprite());
 return bubble;
};
};
 return Game;
})(jQuery);