javascript - 如何在 jQuery 中使用滚动函数调用一次函数？

Question

我有 .viewPort 区域，其中包含带滚动的大元素。

并创建类似流动代码之类的函数:

jQuery:

$('.part').each(function(){
    if( $(this).is(':in-viewport') ){
        var partID = $(this).attr('id');
        if($('.part #content-id-'+(partID)+').length < 1) {
            partLoader(partID);
        }                       
    }
});

function partLoader(id) {
    // do some ajax actions
    //$.ajax({....});
    console.log('done');
}

当我滚动时，我在 console.log 中完成了很多操作，并且浏览器崩溃了!!!

我知道这是因为滚动事件而向服务器发送了太多 partLoader()!

那么...我如何通过滚动调用 partLoader 一次？

Answer 1

1. 考虑不执行 $('.part').each() 而是执行 $('.part').last() (无论是否有效将取决于您网站的结构，所以我不能确定。)
2. 更加谨慎地使用 .part，因此生成的请求较少。
3. 使用更好的 if 语句来过滤掉更多不需要更新的 .part 元素。
4. 使用debouncer ...

我认为 4 没有必要，因为它看起来像是如何调用 AJAX 的结构问题(从每个 .part 元素而不是需要它的元素 - 但我可以'如果不了解更多结构，就不会提供更多建议)，但这会限制 AJAX 调用的数量。