2

我已经开始做测验了。但是，我想在每个问题之后遍历数组。一旦我单击 question_holder div（现在占位符，最终将是正确答案），变量 x 似乎是 DOUBLING。

它变为 1、2、4、8。但是，当我提醒该值时 - 它实际上是递增 1。它只是没有提出正确的问题，它遍历所有问题，直到它达到两倍的价值，并将这个问题呈现给用户。

有人知道为什么会这样吗？

function question(q, a, b, c) {
    this.q = q;
    this.a = a;
    this.b = b;
    this.c = c;
}

//all questions//
var q0 = new question("question1", "answer a", "answer b", "answer c")
var q1 = new question("question2", "answer d", "answer e", "answer f")
var q2 = new question("question3", "answer g", "answer h", "answer i")
var q3 = new question("question4", "answer j", "answer k", "answer l")
var q4 = new question("question5", "answer m", "answer n", "answer o")
var q5 = new question("question6", "answer p", "answer q", "answer r")
var q6 = new question("question7", "answer s", "answer t", "answer u")
var q7 = new question("question8", "answer v", "answer w", "answer x")

//array to hold all of the questions
var all_questions = [q0, q1, q2, q3, q4, q5, q6, q7];

/*i want to increment this variable by 1 each
    time time i run the new_Question() function.
    */
var x = 0;

$(document).ready(function () {

    new_Question();

    function new_Question() {
        $("#question_holder").text(all_questions[x].q);

        var answer_holders = $("answer_holder");

        $(".answer_holder").eq(0).text(all_questions[x].a);
        $(".answer_holder").eq(1).text(all_questions[x].b);
        $(".answer_holder").eq(2).text(all_questions[x].c);

        $("#question_holder").click(new_Question);

        x++;
        alert(x);
    }
})
4

2 回答 2

4

在您的事件处理程序（“new_Question”）中，您在每次点击时将其作为事件处理程序附加。您只需要这样做一次，因此将该行移到函数之外。

所以，移动这个：

    $("#question_holder").click(new_Question);

在“new_Question”函数结束之后（但仍在“就绪”处理程序中）。

于 2013-02-01T23:20:03.067 回答
1

@Pointy 是对的。

处理此问题的另一种方法是在再次绑定之前取消绑定单击。

function new_Question() {
    $("#question_holder").text(all_questions[x].q);

    var answer_holders = $("answer_holder");

    $(".answer_holder").eq(0).text(all_questions[x].a);
    $(".answer_holder").eq(1).text(all_questions[x].b);
    $(".answer_holder").eq(2).text(all_questions[x].c);
    $("#question_holder").unbind("click").click(new_Question);

    x++;
    alert(x);
}
于 2013-02-01T23:24:23.677 回答