javascript - jquery中的持久变量

Question

所以我对 javascript 和 jquery 还很陌生，所以我仍然遇到这个小问题。这里的问题是“currentId”变量。该变量在滚动事件期间获取一个值，但即使在滚动事件通过后我也需要它保留，并在下一个滚动事件期间考虑它，它只是返回 null 或未定义。

有人能指出我正确的方向吗？因为我已经读了一天了哈哈哈。

$("#content").on("scroll resize", function(){    //on scroll

    var pos=$("#frontpage").offset();    //take front page position in variable

    $('.page').each(function(){    //for each div with a class of page

        if(pos.top >= $(this).offset().top && pos.top < $(this).next().offset().top){    //if this divs position is in the correct range

            if (currentId != $(this).attr('id')|| typeof currentId == 'undefined') {    //if currentId Var is diffrent from this divs id or is undefined

                var currentId = $(this).attr('id');    //set currentId Var to this divs id

                $(this).addClass( "foo" );    //add class foo to this div

            }else{
                            //Else do nothing
            };    //endIfElse

        }else{
            $(this).removeClass( "foo" );     //Else remove the foo class from this div
        };                                     //endIfElse

    });                                //end each

});

Answer 1

为什么不简单地将 var currentId 放在任何函数或处理程序之外？只要页面显示，它就不会消失。

现在，为了使其真正持久化，您可以在 cookie 中存储和读取(使用 document.cookie)。