0

我在 Masonry 插件 (http://www.4pixels.co.uk/) 上构建的投资组合网站中有三个页面。在第一页上，fancybox 非常适合一些图像。

但是当我使用infiniteScroll在第一页底部加载第2页时，花哨的框链接停止工作，只是将厚框图像加载到新页面中。

如果我将第 2 页（http://www.4pixels.co.uk/index2.html）直接加载到浏览器中，它可以正常工作（使用所有 css/js）。我已经从该页面中删除了 js 和 css，因为它从第 1 页加载它们，但这没有任何区别，而且花哨的框仍然不起作用（尝试使用的图像是 Winston Ellis 网站的响应屏幕）

所有最好的安迪

我努力了

    $(document).ready(function() {
    $("#tumblelog").on("focusin", function(){
    $("a.example2").fancybox({
    'overlayShow'   : true,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic'
     });
     });
     });

但仍然无法正常工作。我看到你的例子是有效的，所以我必须把它拆开，因为我看不出我错了..

4

1 回答 1

0

Fancybox v1.3.4 不能绑定到动态添加的元素（如由infiniteScroll 添加的元素）。

如果您想将 fancybox 绑定到这些新元素，您有两种选择：

1：升级到fancybox v2.x ...或

2：继续使用fancybox v1.3.4，但是改变你的脚本并使用jQuery on()。按照此链接了解如何

于 2012-02-02T05:37:35.560 回答