JQuery FancyBox / Lightbox проблема

Question

Я пишу HTML с JS в div.

как это

$("#picdiv").html("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>");

это всего лишь пример.

Итак, у меня есть $ (document) .ready Функционирую этот код.

$('a[rel=lightbox]').fancybox();

но если я нажму на ссылку, то попаду на страницу с картинкой ... я знаю, что проблема должна быть, я пишу HTML с помощью js, но у меня нет другого выбора Так как я могу сделать fancybox работ?

Answer 1

решение

$('.picture_display').find('a[rel=lightbox]').fancybox(); 

Answer 2

Это связано с тем, как работает jQuery. Функция fancybox будет работать только для текущих элементов на странице, а не для динамически добавляемых javascript.

Быстрое исправление может состоять в том, чтобы изменить код следующим образом:

$("#picdiv").append($("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>").fancybox());

Не уверен, что вышеперечисленное сработает, но общая идея заключается в том, чтобы обеспечить добавление плагина для всех созданных новых элементов.