使用 jQuery Mobile 和 Phaser.js 在 HTML 5 中创建游戏应用程序。一旦用户单击按钮,我想将用户重定向到游戏页面。单击后,我看到一个空白页面,并且在 chrome 控制台上没有错误。但是,如果我直接导航到游戏页面,游戏就会加载。有什么线索吗?
这是点击事件
<a href="game.html" http-equiv="refresh" content="0" class="ui-btn ui-btn-b ui-corner-all">Play Game</a>
这是game.html页面
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Game</title>
<script type="text/javascript" src="js/phaser.min.js"></script>
<script type="text/javascript" src="js/boot.js"></script>
<script type="text/javascript" src="js/preload.js"></script>
<script type="text/javascript" src="js/gametitle.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/gameover.js"></script>
<script type="text/javascript">
(function () {
//Create a new game that fills the screen
game = new Phaser.Game(1000, 1200, Phaser.AUTO);
//game = new Phaser.Game(window.innerWidth * window.devicePixelRatio, window.innerHeight * window.devicePixelRatio, Phaser.AUTO);
//Add all states
game.state.add("Boot", Boot);
game.state.add("Preload", Preload);
game.state.add("GameTitle", GameTitle);
game.state.add("Main", Main);
game.state.add("GameOver", GameOver);
//Start the first state
game.state.start("Boot");
})();
</script>
</head>
<body>
</body>
</html>