我正在创建一个在线测验,其中将包含三个名为#useralt 的 div 中的三个不同的回答选项。所有 div 将具有相同的 id 但不同的内容。与#answer-div 内容相同的div 将触发“正确!” div,而其他会触发“Sorry”-div。
我只能让第一个#useralt-div 工作,接下来让我麻木......谁能帮我让他们三个都工作?
这是网站:http ://www.juliawallin.se/moviecharades/play.html
$(document).ready(function(){
$("#useralt").click(function(){
var correctAnswer = $('#answer').text().toLowerCase();
var givenAnswer = $('#useralt').text().toLowerCase();
var match = correctAnswer.match(new RegExp("^#moviecharades (.+)$"));
correctAnswer = match[1];
if (givenAnswer == correctAnswer)
{
$("#correct").show("fast").delay("1000").hide("500"); //Slide Down Effect
$('#output').html(function(i, val) { return val*1+1 });
var el = document.createElement('div');
el.innerHTML = $("#output")[0].innerHTML;
document.getElementById('highscore').appendChild(el);
var interval = 1000 * 60 * 1;
APP.refresh(1, interval);
}
else
{
$("#correct").hide("fast"); //Slide Up Effect
$("#incorrect").show("500").delay("1000").hide("500");
}
}); });