javascript - 当元素在视点中时jquery加载html

Question

目前无法使用 jquery.viewpoint 让我的代码正常工作。

$(window).bind("scroll", function(event) {
$('.port_holder:in-viewport').each(function(){
    var loaded=$(this).data('loaded');
    if(loaded==0)
    {
        var file_id=$(this).data('port_id');
        var file="html_includes/"+file_id+".html";
        $.get(file).success(function(s){
            $(this).html(s);
            $(this).data('loaded','1');
        });
    }
  });
});

问题在于更新必要的.port_holderdiv。这些持有者中有 15 个div，每一个都链接到特定的外部 html 文件以获取其内容。

我试过$('.port_holder', this).html(s)和$(this, '.port_holder').html(s). 使用只是.port_holder用 html 填充所有元素，所以我知道它正在连接。

加载后，我需要更改data-loaded元素，以便在用户前后滚动时它不会继续重新加载。不确定我的$.get语法是否有问题，或者上下文是否在this某处丢失。

Answer 1

这是我所期望的，上下文this没有被传递给成功函数，因此我使用了'var that = this'并将低位更改为$(that).html(s);