javascript - fancybox 链接不适用于 ajax 内容内部

Question

我需要经常使用 ajax、jquery 和 php 更新网站上的某个部分。

当页面首次加载时，它会调用一个 JavaScript 函数来显示该部分的内容。然后使用 json 检查更新，如果有结果，则调用相同的函数来显示它。

现在在ajax内容中有像

这样的链接

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

调用 fancybox 但不是打开弹出窗口，而是直接打开页面。 如果调用 fancybox 的链接不在 ajax 内容内，它将正确显示。 我知道有些人有同样的问题，但答案是针对具有特定 id 的 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);      
    }       
  });
}

然后是div

Answer 1

加载动态内容后，再次绑定(bind)花式盒子

 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();
                    }
                });
            });