0

我正在创建一个在线测验,其中将包含三个名为#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");   
}

}); });

4

3 回答 3

0

ID 必须是唯一的。所以这行不通。尝试类似:

<div class="useralt" id="useralt1">
<div class="useralt" id="useralt2">
<div class="useralt" id="useralt3">
于 2013-04-15T11:50:44.357 回答
0

来自 w3 学校,http://www.w3schools.com/tags/att_global_id.asp

指定元素的唯一 ID。命名规则: 必须至少包含一个字符 不能包含任何空格字符 在 HTML 中,所有值都不区分大小写

于 2013-04-15T11:53:16.710 回答
0

ID必须是唯一的,你需要使用class。将您的 id "useralt" 更改为 class 然后使用:

$(".useralt").click(function(){
var correctAnswer = $('#answer').text().toLowerCase();
var givenAnswer = $(this).text().toLowerCase();
....
...
于 2013-04-15T11:55:45.573 回答