Jquery ajax调用后fancybox未连接到链接

Jquery ajax调用后fancybox未连接到链接,jquery,fancybox,Jquery,Fancybox,我使用fancybox通过在链接中附上一张较小的照片来显示较大的照片。这个很好用。工具提示jQuery应用程序有一个小问题,这就是为什么我从_alt获取变量'title_',并用它设置fancybox标题。这没什么关系 好的,现在我通过AJAX调用检索一个页面。另一方面,还有与类“fancyboxfoto”的新链接。但是这些新添加的链接没有连接fancybox 我读过关于.on和.live等的文章,但他们似乎想要一个事件(如“单击”),但在下面的代码中我没有看到“单击”事件。怎么办 jQuery

我使用fancybox通过在链接中附上一张较小的照片来显示较大的照片。这个很好用。工具提示jQuery应用程序有一个小问题,这就是为什么我从_alt获取变量'title_',并用它设置fancybox标题。这没什么关系

好的,现在我通过AJAX调用检索一个页面。另一方面,还有与类“fancyboxfoto”的新链接。但是这些新添加的链接没有连接fancybox

我读过关于.on和.live等的文章,但他们似乎想要一个事件(如“单击”),但在下面的代码中我没有看到“单击”事件。怎么办

jQuery(document).ready(function($){

//fancybox
var title_from_alt = $("a.fancyboxfoto").attr("alt");
$("a.fancyboxfoto").fancybox({
    'titlePosition'     : 'over',
    'onComplete'    :   function() {
        $("#fancybox-wrap").hover(function() {
            $("#fancybox-title").show();
        }, function() {
            $("#fancybox-title").hide();
        });
    },
    'overlayColor'      : '#000',
    'title'         : title_from_alt,
    'overlayOpacity'    : 0.9,
    'showCloseButton' : 'true',
    'autoScale' : 'true',
    'autoDimensions' : 'true'
});
});
HTML

<a class="fancyboxfoto" title=" Tirzo Martha, Shipwrecked, 2002 " href="/images/Shipwrecked.jpg">
  <img class="tiptip" vspace="12" hspace="12" align="left" title=" Tirzo Martha, Shipwrecked, 2002 " src="/images/Shipwrecked-kl.jpg">
</a>


通过AJAX检索新的DOM元素后,应再次初始化fancybox。

fancybox v1.3.x不支持动态添加的元素

您可以找到一个(包括示例)


顺便说一句,如果使用该方法,您不需要“在通过AJAX检索新的DOM元素后再次初始化fancybox”

没有意义,如果您需要在AJAX调用之前将事件附加到其他元素,该怎么办