jQuery над загруженным содержимым ajax

Question

Я использую плагин fancybox для отображения больших изображений.

если я ставлю в HTML-странице

<a id="fancy" href='img_big.jpg'><img scr="img.jpg" /></a> 

он работает отлично, но если нагрузка с load() то же линия фантазией поле не применяется.

как я могу это исправить?

Answer 1

У вас нет много деталей, но вы упомянули .load(). Я предполагаю, что это означает, что вы динамически обновляете документ после его начальной загрузки и не видите, что плагин fancybox применяется к новым элементам.

Fancybox Issue 18 (Google Code) описывает некоторые попытки получить плагин, работающий с .live() jQuery. Комментарий 14 из потока описывает чей-то очевидный успех, применяя класс к привязывающим тэгам, о котором идет речь, затем используя .live(), чтобы связать поведение fancybox с событием mouseover для этих выбранных тегов. Вы бы убедиться, что ваши <a> теги имеют класс fancybox, и сделать что-то вроде этого:

$(document).ready(function(){ 
    $('a.fancybox').live('mouseover', function(){ $(this).fancybox() }); 
}); 

Мы не знаем, какая версия JQuery или FancyBox вы используете, так что вы можете смотреть в Live Query, описанное в комментарии 5 этой же темы.