javascript - 对数字进行加法时的jQuery / Javascript NaN

Question

我正在尝试创建一个简单的链接滚动条，但在计算当前位置时遇到了一些麻烦。

基本上，在我的代码中，我已经在函数之外初始化了 currentPos 变量。然后尝试添加 1 但我得到了一些不稳定的行为。有时会得到 NaN。

这是在 localhost xampp 安装上，相同的代码在 jsfiddle 中运行良好，所以我无法理解。

jsfiddle：http: //jsfiddle.net/w654X/

我的代码如下，任何帮助将不胜感激。

var currentPos = 1;

$('#test').click(function() {
    // exit if animation is already playing
    if ($(':animated').length) {
        return false;
    }

    height = $('#inner').height();
    noOfLinks = height / 53;
    lastPos = noOfLinks - 4;

    alert(currentPos);

    if (currentPos != lastPos) {
        $('#inner').animate({
            marginTop: "-=106px"
        });
    } 
    else {
        $('.arrow-up').hide();
    }

    currentPos += 1;
});

Answer 1

请尝试以下代码

$(document).ready(function(){
var currentPos = 1;
$('#test').click(function() {

// exit if animation is already playing
    if ($(':animated').length) {
        return false;
    }

height = $('#inner').height();
noOfLinks = height / 53;
lastPos = noOfLinks - 4;

alert(currentPos);

if (currentPos != lastPos) {
    $('#inner').animate({
        marginTop: "-=106px"
    });
} else {
    $('.arrow-up').hide();
}

currentPos += 1;

});
});

让我知道您在哪里使用了加载脚本或准备好文档。

谢谢

Answer 2

好吧，这让我疯狂太久了，但事实证明我已经在另一个脚本中使用了变量名“direction”。使用不同的名称，一切都很好。