Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取新内容后重新加载脚本(无限滚动wordpress+;fancybox)_Javascript_Jquery_Wordpress_Infinite Scroll - Fatal编程技术网

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

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

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

当你向下滚动时,它会加载16篇新文章,但是它不包括Fancybox效果(甚至不能点击图片)

该插件有一个部分“获取下一篇文章后调用的Javascript”:当新内容出现时,需要执行页面加载时应用于文章内容的任何函数

Fancybox脚本加载在页脚的“page_templates.php”下。我不知道该如何让它工作:/

这里是我的网站,任何帮助都将不胜感激!

我既没有使用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)一样简单:)