javascript - 每次调用 jquery 函数时递增变​​量

Question

这是我的代码，我想在每次调用函数时增加变量 sfrom 的值，当有人滚动到页面底部时触发该函数。

有什么想法吗？

<script type="text/javascript">

if (typeof sfrom=="undefined") {
    var sfrom = 0;}
$(function(){

    $('.tainer').scrollPagination(
    {
        'contentPage': 'listitem.php', 
        'contentData': {startfrom:sfrom},  
        'scrollTarget': $(window), 
        'heightOffset': 5, 
        'beforeLoad': function(){

        },
        'afterLoad': function(elementsLoaded){ 
             var i = 0;
             $(elementsLoaded).fadeInWithDelay();

        }
    });   
});

Answer 1

编辑：删除了关于超出范围的注释-不知道 javascript 的范围规则-感兴趣的注释在这里：https ://stackoverflow.com/a/61173/117215 。

然而，这仍然适用：

你有理由不能这样做吗？

var sfrom = 0;

$(function(){

    $('.tainer').scrollPagination(
    {
        'contentPage': 'listitem.php', 
        'contentData': {startfrom:sfrom},  
        'scrollTarget': $(window), 
        'heightOffset': 5, 
        'beforeLoad': function(){

        },
        'afterLoad': function(elementsLoaded){ 
             var i = 0;
             $(elementsLoaded).fadeInWithDelay();
             sfrom++;
        }
    });   
});

Answer 2

在这种情况下，ContentData 是静态的。而不是插入一个变量，而是插入一个像这个答案https://stackoverflow.com/a/8581440/96593或类似的函数

var sfrom = 0;

$(function(){

$('.tainer').scrollPagination(
{
    'contentPage': 'listitem.php', 
    'contentData': {startfrom:function() {return sfrom++;}},
    'scrollTarget': $(window), 
    'heightOffset': 5, 
    'beforeLoad': function(){

    },
    'afterLoad': function(elementsLoaded){ 
         var i = 0;
         $(elementsLoaded).fadeInWithDelay();
         sfrom++;
    }
});   

});