Javascript 重新启动游戏jQuery功能不工作

Javascript 重新启动游戏jQuery功能不工作,javascript,jquery,Javascript,Jquery,我正在我的网站上使用。您可以随时重新启动游戏。效果很好。现在我完成了一场比赛,然后我又开始玩了。如果我点击“重启”,它将不再工作。为什么以及如何修复它 这是一本书 JS: //此脚本显示如何获取有关游戏的信息 var game=jQuery('div.slashc-memory-game');//赢得比赛 var info=jQuery('p#info')。find('span');//获取信息框 var restart=jQuery('a#restart').css('visibility',

我正在我的网站上使用。您可以随时重新启动游戏。效果很好。现在我完成了一场比赛,然后我又开始玩了。如果我点击“重启”,它将不再工作。为什么以及如何修复它

这是一本书

JS:

//此脚本显示如何获取有关游戏的信息
var game=jQuery('div.slashc-memory-game');//赢得比赛
var info=jQuery('p#info')。find('span');//获取信息框
var restart=jQuery('a#restart').css('visibility','visible');//再次获得播放链接
var playreach=jQuery('a#play reach').css('visibility','hidden');//再次获得播放链接
//将时间格式化为hh:mm:ss
var formatTime=函数
{
var h=parseInt(s/3600),m=parseInt((s-h*3600)/60);s=s%60;
返回(h<10?'0'+h:h)+':'+(m<10?'0'+m:m)+':'+(s<10?'0'+s:s);
}
//收听游戏“完成”事件
game.bind('done',函数(e)
{
//显示基本统计数据
var stats=game.slashcMemoryGame('getStats');
info.html('Success!点击次数:'+stats.numClicks+',运行时间:'+formatTime(parseInt(stats.time/1000))+');
css('visibility','visible');//显示链接
restart.css('visibility','hidden');//显示链接
});
//重新启动操作
重新启动。单击(功能(e)
{
game.slashcMemoryGame('restart');//重新启动游戏
});
//再玩一次动作
再次播放。单击(功能(e)
{
css('visibility','hidden');//隐藏链接
html('记忆游戏,点击显示图像');//重置文本
game.slashcMemoryGame('restart');//重新启动游戏
e、 预防默认值();
});
HTML:

记忆游戏,点击显示图像


每当您在这一行单击
#再次播放时,您将替换
#restart
元素:

info.html('Memory Game, click to reveal images. <a id="restart" href="#">Restart</a>');

我用委托事件处理程序替换了
#restart
元素的直接绑定事件处理程序。以下是额外阅读的参考:。基本上,您只能将事件处理程序绑定到DOM中当前的元素,并且:

委派事件的优点是,它们可以处理来自子元素的事件,这些子元素将在以后添加到文档中


这就是我在firebug控制台
missing}函数体之后得到的结果
我运行了你的提琴(在纠正了与上一个问题相同的问题后,取消对游戏变量的注释并删除结束脚本标记),它仍然可以正常工作。我可以玩这个游戏,当我玩完之后,我可以再次玩这个链接。在我再次点击play后,游戏继续运行。一切似乎对我来说都很好(Chrome on Win)@PeterVR-我给错了小提琴链接,我的坏链接(有问题的新链接)。再次点击Play后,游戏重置,然后点击Restart,游戏不会重新启动。注意:在第一次完成之前重新启动工作。@Lynda仍然工作,即使是第三次。。。我明天才玩:)
<p id="info"><span>Memory Game, click to reveal images. <a id="restart" href="#">Restart</a></span> <a id="play-again" href="#">Play Again</a></p>
info.html('Memory Game, click to reveal images. <a id="restart" href="#">Restart</a>');
info.on('click', '#restart', function(e)
{
    game.slashcMemoryGame('restart'); // restart game
});