javascript - 多次使用 onclick 函数

Question

假设您正在使用图像来调用如下函数:

<img src="images/next.png" alt="" class="transition opacity" onclick="nextQ()" />

你有一个这样的函数:

function nextQ(id) {
var prevQuestion = 0;
var currentQuestion = 1;

prevQuestion++;
currentQuestion++;
var elem = document.getElementById("q" + prevQuestion);
elem.parentNode.removeChild(elem);

document.getElementById("q" + currentQuestion).style.cssText = 'display:inline;';
next.style.cssText = 'display:none;';}

我怎样才能做到每次单击图像时都会发生该功能。目前仅当您第一次单击它时才会发生，当您第二次单击时什么也不会发生。

Answer 1

您的 prevQuestion && 您的 currentQuestion 在每次运行该函数时都会重置，如果您希望它们每次递增，请使它们成为全局变量(将它们放在函数之外)，如下所示:

var prevQuestion = 0;
var currentQuestion = 1;

function nextQ(id) {

    prevQuestion++;
    currentQuestion++;    

}

这是一个工作示例 http://jsfiddle.net/Tt8f6/