Javascript 获取新内容后重新加载脚本(无限滚动wordpress+;fancybox)
一般来说,我对JQuery和Javascript都非常陌生。我正在使用无限滚动wordpress插件,我正在高度定制一个主题。在这个主题中,它最终调用了一个Fancybox Javascript——我将它用作主页上一个4x4格式的post/图像库 当你向下滚动时,它会加载16篇新文章,但是它不包括Fancybox效果(甚至不能点击图片) 该插件有一个部分“获取下一篇文章后调用的Javascript”:当新内容出现时,需要执行页面加载时应用于文章内容的任何函数 Fancybox脚本加载在页脚的“page_templates.php”下。我不知道该如何让它工作:/ 这里是我的网站,任何帮助都将不胜感激!Javascript 获取新内容后重新加载脚本(无限滚动wordpress+;fancybox),javascript,jquery,wordpress,infinite-scroll,Javascript,Jquery,Wordpress,Infinite Scroll,一般来说,我对JQuery和Javascript都非常陌生。我正在使用无限滚动wordpress插件,我正在高度定制一个主题。在这个主题中,它最终调用了一个Fancybox Javascript——我将它用作主页上一个4x4格式的post/图像库 当你向下滚动时,它会加载16篇新文章,但是它不包括Fancybox效果(甚至不能点击图片) 该插件有一个部分“获取下一篇文章后调用的Javascript”:当新内容出现时,需要执行页面加载时应用于文章内容的任何函数 Fancybox脚本加载在页脚的“p
我既没有使用fancybox也没有使用infinite scroll,但这里的逻辑是fancybox不会在infinite scroll获取的内容上自动调用。我们必须明确地这样做 你能以某种方式配置无限卷轴吗?因为我们需要做的是使用infinite scroll中的回调函数在新获取的元素上调用fancybox:
function applyFancyBoxToImages(elements){
$(elements).each(function(){
$(this).find('img').fancybox();
});
}
$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems));
或者类似的东西 事实证明,回调与jQuery(newElements)一样简单代码>:)