问题描述
我在我的页面上使用无限 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 (将#修改为@)