Javascript 动态创建元素的延迟加载

在我的页面上，我在许多地方使用了懒散负载效应。
插件url。 对于图像，我添加了类“lazy”和

$（函数（）{
fn（）
$（“img.lazy”）.lazyload（）；
});
函数fn（）{
var img=document.createElement（'img'）；
img.setAttribute（'data-original'，'bg.jpg'））
img.className='lazy'
文件.正文.附件（img）；
}

但在另一个页面中，我用类“lazy”创建了一些图像，但lazyload不起作用？如何修复？

检查

HTML

JQUERY

function fn(){
  $('<img>')
    .data('original','https://www.google.co.in/logos/doodles/2015/126th-anniversary-of-the-public-opening-of-the-eiffel-tower-4812727050567680-hp.jpg')
    .addClass('lazy')
    .appendTo('body')
  ;
  setTimeout(function(){
       $("img.lazy").lazyload(); 
  },100);      
 }

函数fn（）{
$('')
.数据（'原始'，'https://www.google.co.in/logos/doodles/2015/126th-anniversary-of-the-public-opening-of-the-eiffel-tower-4812727050567680-hp.jpg')
.addClass（'lazy'）
.appendTo（'正文'）
;
setTimeout（函数（）{
$（“img.lazy”）.lazyload（）；
},100);      
}

只需使用。这款lazyloader的开发考虑了动态内容。无需在JS中的不同位置调用方法来触发事件或牺牲关注点的分离

只需使用：

<input type="button" onclick="fn()" value="add image">
<img data-src="http://lorempixel.com/400/200/" class="lazyload" />
<script>
    function fn() {
        var img = document.createElement('img');
        img.setAttribute('data-src', 'http://lorempixel.com/400/200/')
        img.className = 'lazyload';
        document.body.appendChild(img);
    }

    fn();
</script>

函数fn（）{
var img=document.createElement（'img'）；
setAttribute（'data-src'，'http://lorempixel.com/400/200/')
img.className='lazyload'；
文件.正文.附件（img）；
}
fn（）；

---

下面是一个演示：

创建新图像后，在其上应用lazyload插件。如何创建动态图像？请添加代码

function fn(){
  $('<img>')
    .data('original','https://www.google.co.in/logos/doodles/2015/126th-anniversary-of-the-public-opening-of-the-eiffel-tower-4812727050567680-hp.jpg')
    .addClass('lazy')
    .appendTo('body')
  ;
  setTimeout(function(){
       $("img.lazy").lazyload(); 
  },100);      
 }

<input type="button" onclick="fn()" value="add image">
<img data-src="http://lorempixel.com/400/200/" class="lazyload" />
<script>
    function fn() {
        var img = document.createElement('img');
        img.setAttribute('data-src', 'http://lorempixel.com/400/200/')
        img.className = 'lazyload';
        document.body.appendChild(img);
    }

    fn();
</script>