动态替换图像src无效

Question

<img id="img1" data-src="media/sample.jpg"  alt="Image" />    

self.next().find('[data-src]').each(function (index, value) { 
  var $this = $(this);
  console.log($this.attr('id'));
  $this.attr('src', $this.data('src')); 
});

我正在尝试动态加载图片。我可以单步执行上面的代码，选择器都是正确的，并且正确的ID被输出到控制台。我在控制台中检查img我可以看到它具有正确值的src属性，但是在dom中通过检查看不到它，并且屏幕上没有图像加载。

我无法理解错误。控制台中没有错误。

然后在添加src之后检查元素是

<img id="img1" data-src="media/homepage/carousel/owl-article5.jpg" alt="Image for Feature title 1">