1

一般来说，我对 JQuery 和 Javascript 非常陌生。我正在使用 Infinite Scroll wordpress 插件，并且我正在高度定制一个主题。在主题中，它最终调用了一个 Fancybox Javascript——我将它用作主页上 4x4 帖子/图像网格上的图像库。

当您向下滚动时，它会加载 16 个新帖子，但它不包含 Fancybox 效果（甚至无法单击图像）

该插件有一个部分“获取下一个帖子后要调用的Javascript”：在页面加载时应用于帖子内容的任何函数都需要在新内容进入时执行。

Fancybox 脚本加载在页脚的“page_templates.php”下。我不确定如何让它工作？：/

这是我的网站，任何帮助将不胜感激！ 我的网站

4

1 回答 1

3

我既没有使用fancybox，也没有使用无限滚动，但这里的逻辑是，fancybox 不会在无限滚动获取的内容上自动调用。我们必须明确地做到这一点。

你能以某种方式配置无限滚动吗？因为我们需要做的是使用无限滚动中的回调函数在新获取的元素上调用fancybox：

function applyFancyBoxToImages(elements){
    $(elements).each(function(){
        $(this).find('img').fancybox();
    });
}

$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems));

或者类似的东西。

于 2012-01-12T09:52:56.767 回答