Onclick只运行一次

Question

Helllo，

尝试创建一个简单的图库。 它看起来看到当前图库 - 默认为0 - 以及图库的总量。 每个画廊显示两个图像;它更像是幻灯片，而不是任何东西。

当用户点击＆＃39; next＆＃39;箭头 - 它提高了当前的画廊数量。如果它超过了画廊的总数，它将返回到第一个画廊。这同样适用于之前的＆＃39;箭头。

然后使用当前图库整数来隐藏和显示必要的幻灯片。

使用上述所有功能 - 它只会运行一次。以前的任何一个＆＃39;或者＆＃39; next＆＃39;，但从不运行多次。

Jfiddle：http://jsfiddle.net/tKmvn/1/

如果删除了所有其他代码，并且还剩下以下代码，则它会多次运行。

        var curgal = 0;
        var maxgal = 2;

function nextgal() {
        curgal = curgal + 1;
        if (curgal > maxgal) {
            curgal = 0;
        }
        alert(curgal);
    }

Answer 1

您的函数名为nextgal和prevgal，在其中您使用的是具有相同名称的变量：

prevgal = curgal;
curgal = curgal + 1;
nextgal = curgal;

这基本上用数字代替你的功能。

要解决此问题，您可以使用var关键字将这些变量设为本地。

JSFiddle：http://jsfiddle.net/tKmvn/2/