Facebox Сбой при загрузке с помощью AJAX

Question

У меня есть очень простой HTML страницы на http://bit.ly/1eaSnKt

Первая линия функционирующий Facebox ссылка. Обратите внимание, что при нажатии открывается всплывающее окно FaceBox.

Вторая строка похожа на ссылку, но существует на другой HTML-странице, которая вытягивается через AJAX (см. Источник). По какой-то причине при нажатии на нее не открывается всплывающее окно FaceBox. Кто-нибудь знает, почему это не удается? Благодарю.

Answer 1

Когда ваша страница загружается, на готовом документе вы прикрепляете поведение к элементам на странице.

С загрузкой Ajax он загружает элементы после того, как документ готов, и там jQuery привязывает поведение ... отсутствует ваш новый контент.

Вам необходимо прикрепить эти поведения после успешного выполнения ajax. Таким образом, после АЯКС нагрузки используйте функцию обратного вызова, или замыкание, чтобы сделать это

$('a[rel*=facebox]').facebox({ 
    loading_image : 'facebox/loading.gif', 
    close_image : 'facebox/closelabel.gif' 
}) 

Надежда, которая имеет смысл.

Answer 2

Спасибо всем. На самом деле я нашел решение здесь - https://github.com/dator/facebox/commit/5ce6a75927d81b9fff1eeff9b933f0ad93f12801