获取新内容后重新加载脚本(无限滚动wordpress + fancybox)
问题描述:
我非常喜欢JQuery和Javascript。我使用的是无限滚动wordpress插件,我非常自定义一个主题。在主题中,它最终会调用Fancybox Javascript - 我将它用作主页上的post/images的4x4网格上的图像库。获取新内容后重新加载脚本(无限滚动wordpress + fancybox)
当向下滚动,它装载16个新职位,但它不包括的fancybox效果(甚至不能点击图片)
该插件有一节“JavaScript旁的帖子后,被称为被抓取“:任何在页面加载时应用于发布内容的功能在新内容进入时都需要执行。
Fancybox脚本被加载在页脚”page_templates.php“下。我不确定如何使它正常工作? :/
这是我的网站,任何帮助将不胜感激! My Site
答
我既没有使用fancybox也没有使用无限滚动,但是这里的逻辑是fancybox不会被无限滚动的内容自动调用。我们必须明确地做到这一点。
你能以某种方式配置无限滚动吗?因为我们需要做的是利用回调函数在无限滚动来调用新取的元素的fancybox:
function applyFancyBoxToImages(elements){
$(elements).each(function(){
$(this).find('img').fancybox();
});
}
$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems));
或者其他类似的效果。
原来回调是如'的jQuery(newElements).fancybox({ \t \t 'overlayOpacity' \t简单:\t 0.7, \t \t 'overlayColor' \t \t:\t '#000000', \t \t“ transitionIn” \t \t: '弹性', \t \t 'transitionOut' \t \t: '弹性', \t \t 'easingIn' \t: 'easeOutBack', \t \t 'easingOut' \t: 'easeInBack', \t \t 'speedIn' \t \t \t: '700', \t \t 'centerOnScroll' \t:真 \t});':) – Xhynk 2012-01-12 20:56:40