我在页面上使用了无限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);
}
}
});