出于范围的目的，如何正确地将此传递给我的滚动处理程序

Question

我对这些东西很陌生，因此我对问题的基本性质表示歉意。

我为我的Wiki构建了一个磁贴显示，将文章显示为磁贴。 我在侧面有导航按钮，以方便人们浏览图块（图块容器的高度为500px，每个图块的高度为250px，可以隐藏6或7行图块）。

为了处理导航按钮的更新，我使用了从其他各种SO资源合并而成的滚动处理程序，因此：

var scrollTimer;
$(".rsg_testtiles_display_macro_container").on('scroll', function() {
clearTimeout(scrollTimer);
scrollTimer = setTimeout(function() {
    var RSTilesDisplayScrollResult = false;

    if (!RSTilesDisplayScrollResult) {
        $.each( $(".rsg_testtiles_display_macro_container .rsg_testtiles_display_surround[id]"),function(i,e) {
            if (checkRSTilesDisplayView($(e),false)) {
                updateRSTilesDisplayNavButton(false,e);
                RSTilesDisplayScrollResult = true;
                return false;
            }
        });
        if (!RSTilesDisplayScrollResult) {
            $.each( $(".rsg_testtiles_display_macro_container .rsg_testtiles_display_surround[id]"),function(i,e) {
                if (checkRSTilesDisplayView($(e),true)) {
                    updateRSTilesDisplayNavButton(true,e);
                    RSTilesDisplayScrollResult = true;
                    return false;
                }
            });
        }
    }
}, 250);
});

我的问题是关于范围的-如果我在同一页面上有多个图块显示，如何重写它，以便更新正确的显示，而不是全部显示，或者在这种情况下，没有显示。

我觉得我需要以某种方式将$ this传递到我的嵌套函数中，但这似乎无法正常工作。

我尝试了以下方法：

var tilesParentContainer = $(this);
...
scrollTimer = setTimeout(function() {
...
tilesParentContainer.each( $(".rsg_testtiles_display...

并尝试了这个

scrollTimer = setTimeout(function(this) {

我什么也没有得到，或者得到了Uncaught TypeError：b.apply不是一个函数，我完全不理解。

在此先感谢您，这让我整个星期都生气了。

Answer 1

我可以在SO的其他地方找到一些答案。

我不知道我可以将其分配给一个范围广泛的变量，然后在嵌套函数中重用它。

例如，我在scrollTimer旁边创建了一个var，然后在第一个on函数中将其分配给了它。 然后，我可以在整个嵌套函数中使用$（varName）.whatever ...对其进行适当的引用。