滚动时磁性弹出窗口停止工作

问题描述

我在我的页面上使用无限 ajax 滚动,我添加了 magnific popup ajax view 它在第一页上工作正常但是当我滚动到第二页时它不起作用......我该如何解决?感谢您的回答,,,

这里无限ajax滚动;

$(document).ready(function() {
    var container = document.querySelector('.post-list');
    var msnry = new Masonry(container,{
        columnWidth: '.grid-sizer',itemSelector: '.Box',percentPosition: true,visibleStyle: {
            transform: 'translateY(0)',opacity: 1
        },hiddenStyle: {
            transform: 'translateY(100px)',opacity: 0
        },});
    var ias = $.ias({
        container: ".container",item: ".Box",pagination: ".page-links-list",next: ".page-next",delay: 0,negativeMargin: 200
    });
    ias.on('render',function(items) {
        $(items).css({
            opacity: 0
        });
    });
    ias.on('rendered',function(items) {
        msnry.appended(items);
    });
  });

这里是华丽的弹出代码

$('.ajax-popup-link').magnificPopup({
  type: 'ajax',callbacks: {
            parseAjax: function(mfpResponse) {
                mfpResponse.data = $(mfpResponse.data).find('.entry-content,.post-video');
                console.log('Ajax content loaded:',mfpResponse);
            }
        }

}); 

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)