Holder.js - вернуть элемент DOM?

108
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');

Поскольку держатель script уже запущен и не ищет новые элементы.


Мы можем, однако, запустить его снова вручную:


Holder.run()

Но тогда он будет сканировать все элементы, которые уже добавлены.


Итак... есть способ, которым я могу получить holder.js, чтобы создать и вернуть мне элемент DOM, чтобы я мог добавить его вручную без повторного запуска всего этого?

спросил(а) 2013-02-17T00:20:00+04:00 7 лет, 9 месяцев назад
1
Решение
123

Передайте Node как свойство images в Holder.run, и вы сможете запускать 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/

ответил(а) 2013-02-17T11:21:00+04:00 7 лет, 9 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема