JQuery над загруженным содержимым AJAX

Question

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

, если я вставлю html-страницу

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

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

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

Answer 1

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

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

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

Мы не знаем, какую версию jQuery или fancybox вы используете, поэтомуВы также можете посмотреть на решение Live Query , описанное в комментарии 5 той же темы.