我如何在Infinity Ajax滚动中使用Magnific Popup

时间:2019-01-29 19:44:23

标签: ajax infinite-scroll

我在页面上使用了无限ajax滚动,并且添加了壮观的弹出ajax视图,它在第一页上可以正常工作,但是当我在滚动到第二页时使用无限滚动的加载更多按钮时,它不起作用...我该如何解决呢?谢谢答案,

这里是无限的ajax滚动;

$(document).ready(function() {
    var ias = $.ias({
      container:  "#switchview",
      item:       "article.post",
      pagination: ".posts-navigation",
      next:       ".nav-previous a"
    });

    var inumber = mainscript.infinitenumber;

    ias.extension(new IASSpinnerExtension({
      html: '<div class="switch-loader"><span class="loader"></span></div>'      // override text when no pages left
    }));            // shows a spinner (a.k.a. loader)
    ias.extension(new IASTriggerExtension({offset: inumber})); // shows a trigger after page 3
    ias.extension(new IASNoneLeftExtension({
      html: '<div class="load-nomore"><span>There are no more pages left to load.</span></div>'      // override text when no pages left
    }));
  });

以及此处的弹出式代码;

$('.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);
            }
        }

}); 

0 个答案:

没有答案