我有 .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
一次?
最佳答案
- 考虑不执行
$('.part').each()
而是执行$('.part').last()
(无论是否有效将取决于您网站的结构,所以我不能确定。) - 更加谨慎地使用
.part
,因此生成的请求较少。 - 使用更好的 if 语句来过滤掉更多不需要更新的
.part
元素。 - 使用debouncer ...
我认为 4 没有必要,因为它看起来像是如何调用 AJAX 的结构问题(从每个 .part
元素而不是需要它的元素 - 但我可以'如果不了解更多结构,就不会提供更多建议),但这会限制 AJAX 调用的数量。
关于javascript - 如何在 jQuery 中使用滚动函数调用一次函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24656679/