javascript - 使用 Backbone 进行延迟加载

标签 javascript backbone.js lazy-loading

我正在尝试使用这个lazy loading plugin在主干应用程序中,我调整了模板以与插件一起使用并调用插件脚本,但它不起作用。这是jsfiddle:http://jsfiddle.net/swayziak/9R9zU/27/

模板:

<script id="bookTemplate" type="text/template">
    <img src="https://www.amrms.com/ssl/iftafoundation/bluepay/Images/Loading_Animation.gif" data-src="<%= image %>"/>
    <h2 class="bookTitle"><%= title %><h2>
</script>

文档上的脚本已准备好:

$(document).ready(function() {
    $("img").unveil();
});

我不知道我的代码有什么问题。

最佳答案

首先,您在 fiddle 中使用的插件路径不正确。 它不起作用的另一件事与放置插件初始化的位置有关。您在准备好的文档上对其进行初始化,但您的图像尚未渲染。因此,您必须在渲染 View 后(当图像添加到 DOM 时)初始化插件。

关于javascript - 使用 Backbone 进行延迟加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18366550/

相关文章:

javascript - 如何按 bool 字符串字段对 javascript 对象集合进行排序

javascript - UglifyJS 改变代码行为

javascript - 当我将新 URL 推送到 Backbone.history 时,查询参数会保留吗?

javascript - 通过 URL 传递数组或对象

reactjs - Nextjs 检查初始渲染是否在服务器端完成

javascript - 如何仅在加载 Google Maps API 时加载 jquery 插件?

javascript - Javascript 前端与 C 后端的性能

javascript - 过渡动画到文本对齐 : center

javascript - Backbone.js 教程和学习资源

CSS 范围仅适用于 Angular 中的整个模块