0

#useralt と呼ばれる 3 つの div で 3 つの異なる回答選択肢で構成されるオンライン クイズを作成しています。すべての div の ID は同じですが、コンテンツは異なります。#answer-div と同じ内容の div は、「Correct!」をトリガーします。div、他のものは「申し訳ありません」-div をトリガーします。

最初の #useralt-div しか機能せず、次は無感覚になります... 3 つすべてを機能させるのを手伝ってくれる人はいますか?

これはサイトです: 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 は一意である必要があり、クラスを使用する必要があります。ID「useralt」をクラスに変更してから、次を使用します。

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

ID は一意である必要があります。だからうまくいかない。次のようなものを試してください：

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