假设您正在使用图像来调用如下函数:
<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;';}
我怎样才能做到每次单击图像时都会发生该功能。目前仅当您第一次单击它时才会发生,当您第二次单击时什么也不会发生。
最佳答案
您的 prevQuestion && 您的 currentQuestion 在每次运行该函数时都会重置,如果您希望它们每次递增,请使它们成为全局变量(将它们放在函数之外),如下所示:
var prevQuestion = 0;
var currentQuestion = 1;
function nextQ(id) {
prevQuestion++;
currentQuestion++;
}
这是一个工作示例 http://jsfiddle.net/Tt8f6/
关于javascript - 多次使用 onclick 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23548141/