首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Holder.js --取回DOM元素?

Holder.js --取回DOM元素?
EN

Stack Overflow用户
提问于 2013-02-17 05:20:26
回答 1查看 3.1K关注 0票数 6

holder.js

我想动态添加一个占位符图像到我的页面。

像这样插入它是行不通的:

代码语言:javascript
运行
复制
$('<li>',{class:'file-item'})
    .append($('<img>',{'data-src':'holder.js/150x150'}))
    .append($('<span>',{class:'file-name'}).text(file.name))
    .appendTo('#file-list');

因为holder脚本已经运行,并且不会搜索新元素。

但是,我们可以手动再次运行它:

代码语言:javascript
运行
复制
Holder.run()

但随后它将扫描所有已添加的元素。

有没有办法,我可以让holder.js创建并返回一个DOM元素,这样我就可以手动添加它,而不用重新运行整个过程?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-17 16:21:27

将一个Node作为images属性传递给Holder.run,您将能够对任何单独的图像运行Holder。Holder本身并不创建DOM元素,它只是更改src的值。

代码:

代码语言:javascript
运行
复制
var image = $("<img>").attr({
    "data-src": "holder.js/300x200"
})

Holder.run({
    images: image[0]
});

image.appendTo("body");

这里有一个真实的例子:http://jsfiddle.net/imsky/p3DMa/

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14915237

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档