我有一个tumblr博客,其中包含精细滚动和放大弹出窗口以使图像可视化。
[当我滚动到底部并加载新帖子时,magnific-popup在加载的新帖子中不起作用,而仅在旧帖子中起作用。
如果我尝试手动转到“第2页”,则一切正常。
有没有一种方法可以在加载桩或类似的东西上重新加载magnific-popup?
非常感谢
您要做的就是在加载infinitescroll时在新元素上调用.magnificPopup方法,方法是:
$YOUR_CONTAINER.infinitescroll({
navSelector: ".Pagination",
nextSelector: ".Pagination-next",
itemSelector: ".Post"
}, function( newElements ) {
$(newElements).magnificPopup({/*your options here*/});
});
您可以将onInit
事件用于回调函数。 See more
示例代码:
$('.your-class-name').infiniteScroll({
// options
path: '.next.page-numbers',
append: '.post',
history: false,
status: '.page-load-status',
button: '.page-load-more',
loadOnScroll: false,
elementScroll: true,
hideNav: '.post-pagination',
onInit: function() {
this.on( 'append', function() {
$('.your-item-class-name').magnificPopup({
/* magnificPopup options here */
});
});
}
});