jQuery - изображение Fancybox не открывается из окна facybox?

Question

Im загружает некоторый контент через ajax, а затем im firing fancybox для отображения этого содержимого.

Код для извлечения содержимого:

jQuery('.trigger').click(function(event) { 
     event.preventDefault(); 
     var someid = window.location.hash.substring(1); 
     jQuery.ajax({ 
      type: "GET", 
      url: "index.php", 
      data: "?option=com_content&view=article&id="+someid+"&tmpl=component", 
      success: function(data){ 
       jQuery("#ajax").html(jQuery(".article",jQuery(data)).html()); 
       jQuery("#ajax").fancybox().trigger('click'); 
      } 
     }); 
    }); 

Этот код работает - он загружает некоторое содержание и отображать его в окне FancyBox.

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

Все работает нормально, за исключением изображения, которое должно быть открыто из полученного содержимого.

Однако, если я не показываю извлеченный контент в окне fancybox, то есть просто добавьте его в какой-то элемент, а изображение будет работать нормально.

Обратите внимание, что на другой части того же сайта, где я не использую ajax, у меня есть «fancybox in fancybox thing», и все работает нормально.

Answer 1

решаемые путем добавления:

jQuery('#ajax a').live('click', function(event) { 
     event.preventDefault(); 
     if(jQuery(this).hasClass('fancybox')) { 
      jQuery.parent().fancybox.close(); 
     } 
    });