holder.js
我想动态添加一个占位符图像到我的页面。
像这样插入它是行不通的:
$('<li>',{class:'file-item'})
.append($('<img>',{'data-src':'holder.js/150x150'}))
.append($('<span>',{class:'file-name'}).text(file.name))
.appendTo('#file-list');
因为holder脚本已经运行,并且不会搜索新元素。
但是,我们可以手动再次运行它:
Holder.run()
但随后它将扫描所有已添加的元素。
有没有办法,我可以让holder.js创建并返回一个DOM元素,这样我就可以手动添加它,而不用重新运行整个过程?
发布于 2013-02-17 16:21:27
将一个Node
作为images
属性传递给Holder.run
,您将能够对任何单独的图像运行Holder。Holder本身并不创建DOM元素,它只是更改src
的值。
代码:
var image = $("<img>").attr({
"data-src": "holder.js/300x200"
})
Holder.run({
images: image[0]
});
image.appendTo("body");
这里有一个真实的例子:http://jsfiddle.net/imsky/p3DMa/
https://stackoverflow.com/questions/14915237
复制相似问题