首页 > 解决方案 > 重定向时移相器页面变为空白,但如果直接导航则有效

问题描述

使用 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>

标签: javascriptjqueryhtmlphaser-framework

解决方案


推荐阅读