FancyBox не работает внутри DIV, загруженного ajax

Question

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

У меня есть несколько DIV, загруженных через ajax на страницу, в одной из которых есть ссылки, которые я хочу открыть в Fancybox. Странно, если я открою DIV со ссылкой Fancybox в FIRST, он работает нормально. Однако, если я открою любой из других DIV, а затем открою тот со ссылкой Fancybox, он не будет работать.

Точно так же, если я открою Fancybox DIV, затем другой, а затем вернусь, это не сработает.

$("a.result").fancybox({'transitionIn':'fade'});

Это все, что у меня есть в нижней части DIV со ссылками Fancybox. Первоначально я тоже пытался с document.ready (), но это то же самое ...

Есть идеи, что мне делать?

Answer 1

При замене DIV вы удаляете исходный элемент, к которому было прикреплено событие Fancybox.Если вы вызовете $("a.result").fancybox({'transitionIn':'fade'}); в функции успеха вашего Ajax-вызова, он повторно присоединит события, и Fancybox должен загрузиться.