Question

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

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

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

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

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'。使用不同的名字，一切都很好。

jQuery / Javascript NaN在数字上添加时

2 个答案: