html冻结页面,按下按钮后HTML页面会冻结

所以，这是一个奇怪的问题。我有一个CSS/HTML按钮的网页。当我按下按钮时，页面冻结。它不会崩溃，只会冻结(按钮应该在点击后淡出)。另外，我无法打开JavaScript(或f12)控制台，我无法重新加载页面。在页面上，即使当我将鼠标移出按钮或任何可点击的按钮时，鼠标仍然显示为指针。但是，我仍然可以移动鼠标，退出选项卡，转到其他选项卡，打开选项卡并切换全屏页面。

这里是我的HTML：按下按钮后HTML页面会冻结

Agent Bubble Popper

Start a new game

New Game

Bubble Info

var game = new bubbleShoot.game();

game.init();

(有问题的按钮是“butStartGame按钮”，这实际上是一个div，但就像一个按钮，另外，“butInfo按钮”不冻结的页面。

这里是我的JavaScript(所有的变量定义，这只是关于我按下按钮的部分。

this.init = function() {

$(".butStartGame").on("click", startGame);

$(".butInfo").on("click", startInfo);

}

function startGame(){

$(".butStartGame").off("click", startGame);

bubbleAmt = maxBubbles;

bubbleShoot.ui.hideDialog();

curBubble = getNextBubble();

board = new bubbleShoot.board();

bubbles = board.getBubbles();

if (!requestAnimationID) {

requestAnimationID = setTimeout(renderFrame, 40);

};

$("#page").on("click", clickGameScreen);

}

左右格式，我从我的文件复制此顺便说一句对不起，这是不是所有的我的代码

关于“var game = new bubble Shoot.game，game.init'我的代码的一部分：这里显示的JavaScript全部包装在“bubbleShoot.game”中，因此运行“game.init”只是运行代码中显示的“this.init”。

我的问题很简单，就是“为什么我的网页会冻结？”

2017-07-21

Hazard

+0

你有没有试图“改写”代码的jsfiddle，并检查它是如何工作的更新你的问题？也许页面冻结在另一个功能。 –

+2

你的'startGame'中的一个函数被卡在一个死循环中，最好开始调试 –

+0

这很可能只是一个漏洞，这是浏览器对漏洞的反应。但是我在代码中找不到它。也许被称为其他功能有它。 –