我总体上对JQuery和Javascript非常陌生。我正在使用Infinite Scroll wordpress插件,我正在高度定制主题。在主题中,它最终调用Fancybox Javascript - 我将其用作主页上4x4网格上的帖子/图像的图像库。
当您向下滚动时,它会加载16个新帖子,但它不包含Fancybox效果(甚至无法点击图像)
该插件有一个部分“在获取下一个帖子后要调用的Javascript”:当新内容进入时,需要在页面加载时应用于帖子内容的任何函数。
Fancybox脚本在“page_templates.php”下的页脚中加载。我不确定如何让它发挥作用? :/
这是我的网站,任何帮助将不胜感激! My Site
答案 0 :(得分:3)
我既没有使用fancybox也没使用无限滚动,但这里的逻辑是不会在无限滚动提取的内容上自动调用fancybox。我们必须明确地这样做。
你能以某种方式配置无限滚动吗?因为我们需要做的是使用无限滚动中的回调函数来调用新获取的元素上的fancybox:
function applyFancyBoxToImages(elements){
$(elements).each(function(){
$(this).find('img').fancybox();
});
}
$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems));
或者那种效果。