Javascript layzr.js不'；不要加载最后一个图像

我在我的backbone.js项目中使用，以便执行延迟加载映像

在这里，我把它放在我的主干视图中：

render: function(){
    var _item = _.template(ItemTem);
    this.$el.html(_item(this.model.toJSON()));

    $(document).ready(function() {
        var layzr = new Layzrr({
            selector: '[data-layzr]',
            attr: 'data-layzr',
            retinaAttr: 'data-layzr-retina',
            bgAttr: 'data-layzr-bg',
            threshold: 0,
            callback: null
        });
    });
    }
 });

除最后一张图像外，所有图像均正常工作，未加载。我不知道这是怎么回事，也不知道我做错了什么

我试图通过搜索引擎找到问题的答案，但无法找到。

首先从视图渲染方法中删除

$（document）.ready（function（）{

）。 在呈现视图之前，应该准备好DOM

从render中删除lazyloader逻辑，并将其移动到其父级

在将任何内容绑定到DOM之前，需要确保在DOM中呈现视图

所以我想这样说：

---

如果我是你，我会为主干编写定制的惰性加载程序

var yerrView = new YourView();
$('body').append(yerrView.render().el);
var layzr = new Layzrr({
  selector: '[data-layzr]',
  attr: 'data-layzr',
  retinaAttr: 'data-layzr-retina',
  bgAttr: 'data-layzr-bg',
  threshold: 0,
  callback: null
});