Holder.js - Ripristina elemento DOM?

Question

holder.js

Desidero aggiungere dinamicamente un'immagine segnaposto alla mia pagina.

Inserimento in questa maniera non funziona:

$('<li>',{class:'file-item'}) 
    .append($('<img>',{'data-src':'holder.js/150x150'})) 
    .append($('<span>',{class:'file-name'}).text(file.name)) 
    .appendTo('#file-list'); 

Poiché lo script titolare ha già eseguito e non è alla ricerca di nuovi elementi.

Possiamo, tuttavia, eseguire nuovamente manualmente:

Holder.run() 

Ma allora la scansione di tutti gli elementi già aggiunti.

Quindi ... c'è modo che possa ottenere holder.js per creare e restituirmi un elemento DOM in modo da poterlo aggiungere manualmente senza rieseguire il tutto?

Answer 1

Passa un Node come images a Holder.run e sarai in grado di eseguire Holder su qualsiasi immagine individuale. Il titolare stesso non crea un elemento DOM, cambia solo il valore src.

Codice:

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

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

image.appendTo("body"); 

vivo esempio qui: http://jsfiddle.net/imsky/p3DMa/