我有一个用html(mgame.html)用javascript编写的记忆游戏:
<html>
<head>
<link rel="stylesheet" type="text/css" href="trivia/mgame.css" />
</head>
<body>
<script src="trivia/jquery33.js"></script>
<script src="trivia/memorygame.js"></script>
<div id="picbox">
<span id="boxbuttons">
<span id="counter">0</span>
</span>
<div id="boxcard"></div>
</div>
</body>
<html>
成功了。
我试图将这种“记忆游戏”导入以javascript(game.js)编写的“琐事问答游戏”中:
**var imported = document.createElement('script');
imported.src = 'trivia/mgame.js';
document.head.appendChild(imported);**
}else if ((qmode == 'qindex' && nqansw % 2 == 0) || (qmode == 'qrandom' && nqansw % 2 == 0)){
document.getElementById('quiz').innerHTML = '<h4 id="qnr">○ Question number.'+ (nquiz + 1) +'</h4><div id="picbox"><span id="boxbuttons"><span id="counter">0</span></span><div id="boxcard"></div></div><button id="nextq" onclick="obTrivia.sQuiz(\'next\')">next</button>';
我说:如果我在“测验游戏”中使用Normal mod或Random模式,则将“记忆游戏”包括在问题编号(2)中,而不是正常问题。
然后我在index.html(琐事问答游戏的主页)中添加以下代码:
<head>
<link href="trivia/mgame.css" rel="stylesheet" type="text/css" />
.....
</head>
<body>
<script type="text/javascript" src="trivia/jquery33.js"></script>
<script type="text/javascript" src="trivia/memorygame.js"></script>
.....
</body>
问题是:记忆游戏在测验游戏中不起作用?
注意: 记忆游戏也许可以通过iframe进行工作,但是当我使用iframe时,如果从“内存游戏”到“测验游戏”,则如果Win不能得分(+1),如果失败则不能得分(0)。
Counter++;
$("#counter").html("" + Counter);
cnum = Counter; // number of clicks
if (ImgFound == ImgSource.length && cnum >= 6) {
$("#counter").prepend('<span id="success">Fail, total of clicks </span>');
nia++;
}else if (ImgFound == ImgSource.length && cnum < 6) {
$("#counter").prepend('<span id="success">Win, total of clicks </span>');
nca++;
}
nca ++:表示将(+1)添加到正确答案的总数中。 nia ++:表示将(+1)添加到错误答案的总数中。
致谢
谢谢您通过以下代码导入memorygame.js纠正了该问题:
var imported = document.createElement('script');
imported.src = 'trivia/mgame.js';
document.head.appendChild(imported);