6

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.run()

ただし、すでに追加されているすべての要素をスキャンします。

それで... holder.js を作成して DOM 要素を返して、全体を再実行せずに手動で追加できるようにする方法はありますか?

4

1 に答える 1

8

プロパティNodeとしてa を渡すと、任意の個々の画像で Holder を実行できるようになります。Holder 自体は DOM 要素を作成せず、値を変更するだけです。imagesHolder.runsrc

コード：

var image = $("<img>").attr({
    "data-src": "holder.js/300x200"
})

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

image.appendTo("body");

ここでのライブ例: http://jsfiddle.net/imsky/p3DMa/

于 2013-02-17T08:21:27.497 に答える