ссылки fancybox не работают внутри содержимого ajax

Question

Мне нужно часто обновлять раздел на моем сайте с помощью ajax, jquery и php.

Когда страница загружается первой, она вызывает функцию javascript, которая отображает содержимое этого раздела. Затем, используя json, я проверяю наличие обновлений и, если есть результаты, вызывает одну и ту же функцию для ее отображения.

Теперь внутри АЯКС контента есть ссылки как

<a href="news.php?id" class="ajaxpopup">title</a> 

позвонить FancyBox, но вместо того, чтобы открыть всплывающее окно, она открывает страницу непосредственно. Если ссылка для вызова fancybox не находится внутри содержимого ajax, она отображается правильно. Я знаю, что есть люди с одинаковой проблемой, но ответы для div с определенным идентификатором. Как я могу установить его глобально. Я хочу работать над ссылками с class = "ajaxpopup"?

это моя функция, вызываемая Контента

$(document).ready(function() { 
    $(".ajaxpopup").fancybox({ 
    'overlayColor'  : '#000000', 
    'centerOnScroll' : true, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'modal'    : true 
    }); 
}); 

function update(page,value) { 
    var data = 'id='+value; 
    $.ajax({ 
    url: page, 
    type: "POST",  
    data: data,  
    cache: false, 
    success: function (html) { 
     $('#updates').html(html); 
     $('#updates').fadeIn(200);  
    }  
    }); 
} 

затем дивы

Answer 1

После загрузки динамического содержимого, связать фантазии окно снова

div.load("myserverpage.aspx?mode=popularmodels", { symbol: $("#txtSymbol").val() }, function() { 
       $(this).fadeIn(100); 

       $(".ajaxpopup").fancybox({ 
        'scrolling': 'no', 
        'titleShow': true, 
        'titlePosition': 'over', 
        'onClosed': function() { 
         $("#login_error").hide(); 
        } 
       }); 
      });