获取新内容后重新加载脚本(无限滚动wordpress+fancybox）

Reload scripts after fetching new content (infinite scroll wordpress + fancybox)

本文关键字：脚本 无限 wordpress+fancybox 滚动 加载 新内容 新加载 获取      更新时间：2023-09-26

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

当你向下滚动时，它会加载16个新帖子，但它不包括Fancybox效果（甚至不能点击图像）

该插件有一个部分"在获取下一篇文章后调用Javascript"：当新内容进来时，任何应用于页面加载上的文章内容的函数都需要执行。

Fancybox脚本加载在页脚的"page_templates.php"下。我不确定如何使其工作？：/

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

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

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

function applyFancyBoxToImages(elements){
    $(elements).each(function(){
        $(this).find('img').fancybox();
    });
}
$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems));

或者类似的东西。

相关文章：