宏伟的弹出窗口和无限滚动 [英] Magnific popup and infinite scrolling

问题描述

我有一个tumblr博客，里面有精细的滚动和放大弹出窗口，可以形象地显示图像.

I have a tumblr blog whit infine scrolling and magnific-popup to visualize the image.

当我滚动到底部并加载新帖子时，magnific-popup在加载的新帖子中不起作用，而仅在旧帖子中起作用.

When I scroll to the bottom and load new posts, magnific-popup doesn't works in the new posts loaded but only in the old.

如果我尝试手动转到第2页"，则一切正常.

If I try to go to "page-2" manually everything works.

有没有一种方法可以在加载桩或类似的东西上重新加载magnific-popup?

Is there a way to reload magnific-popup on load posts or something similar?

非常感谢

推荐答案

您需要做的就是在无限滚动加载时在新元素上调用.magnificPopup方法，方法是:

All you need to do is call the .magnificPopup method on the new elements when infinitescroll is loaded, this way:

$YOUR_CONTAINER.infinitescroll({
    navSelector:  ".Pagination",
    nextSelector: ".Pagination-next",
    itemSelector: ".Post"
}, function( newElements ) {
    $(newElements).magnificPopup({/*your options here*/});
});

这篇关于宏伟的弹出窗口和无限滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！