Javascript 如何使jQuery代码在使用延迟加载加载页面时工作

我有一些div，比如facebook的帖子，帖子是用lazy一次加载6篇帖子。 在每篇文章中都有评论，也有评论，我为评论添加了一个jQuery函数来显示/隐藏评论中的额外字符，如下面我的jQuery代码所示

问题是代码在前6个岗位上工作， 但是当使用lazy-load-my-code加载新帖子时，我的代码不起作用， 是否有可能使此代码适用于所有帖子

---

jQuery代码

让certainAmount=5；
const$container=$（'.main'）；
$container.each（函数（）{
设$this=$（this）；
console.log（$this.find（'>*'）.length）；
if（$this.find（'>*'）.length）>（certainAmount-1））{
//选择并做某事。
i=0；
$.each（$（'.main img'），函数（索引，值）{
i++；
console.log（'um-in'+i）；
$（'.main img'）.css（'display'，'block'）；
$（'.main img'）.css（'float'，'left'）；
$（'.main img:nth child（10）'）.nextAll（）.css（'display'，'none'）；
});
$（'.main'）.has（'>img:nth child（5））.append（“查看更多”）；
}
});

---

---

您编写的代码在页面加载中，因此加载文档时准备就绪的元素工作正常

---

要按预期工作，对于组件的延迟加载，您需要在使用延迟加载加载组件时实例化相同的方法。

'>img:nth child（5）

仅在前5个子级？@BagusTesa是，这意味着仅显示所有注释的前5个子级或字符

let certainAmount = 5;
const $container = $('.main');

$container.each(function(){
  let $this = $(this);

  console.log($this.find('> *').length);

  if(($this.find('> *').length) > (certainAmount - 1) ) {
    //Selected and do something.
            i=0;
        $.each($('.main img'), function (index, value) {             
            i++;
            console.log('um inside'+i);
            $('.main img').css('display','block');
            $('.main img').css('float','left');
            $('.main img:nth-child(10)').nextAll().css('display','none');    

        });
     $('.main').has('>img:nth-child(5)').append("<a class='show-more'>See More</a>");
  }
});

<div class="main">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>
<div class="main">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
     <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>
<div class="main">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>
<div class="main">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>
<div class="main">
    <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>
<div class="main">
   <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">  <img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/grinning-face-with-smiling-eyes_1f601.png">
</div>