0

我使用fancybox 通过在链接中附上一张较小的照片来显示较大的照片。这工作正常。工具提示 jQuery 应用程序有一个小问题，这就是为什么我得到 var 'title_from_alt' 并用它设置 fancybox 标题。它不是那么相关。

好的，现在我正在通过 AJAX 调用检索页面。在部分方面，有与类“fancyboxfoto”的新链接。但是这些新添加的链接并没有附加花式框。

我读到了 .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>
4

2 回答 2

0

在通过 AJAX 检索新的 DOM 元素后，您应该再次初始化 fancybox。

于 2012-07-09T19:31:51.427 回答
0

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

您可以在此处找到解决方法（包括示例）

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

于 2012-07-09T19:37:48.217 回答