只要您在通过ajax提取的页面中存在下一个和上一个链接,就可以这样做。
这为我工作:
$('.js-pack').magnificPopup({
delegate: '.js-mfp-ajax',
type: 'ajax',
closeOnBgClick: false,
mainClass: 'mfp-fade',
removalDelay: 300,
overflowY: 'scroll',
gallery: {
enabled: true
},
callbacks: {
ajaxContentAdded: function() {
$('.prev-next .next-link').click(function(event){ event.preventDefault(); $.magnificPopup.next(); });
$('.prev-next .prev-link').click(function(event){ event.preventDefault(); $.magnificPopup.prev(); });
}
}
});
他们关键部位增加是gallery: enabled
和callbacks
参数。
我的下一个上一个按钮的HTML很简单:
<div class="prev-next">
<a class="btn prev-link" href="http://prev-url" rel="prev">« Previous</a>
<a class="btn next-link" href="http://next-url" rel="next">Next »</a>
</div>
喜,其内嵌的内容,我想用ajax! –
你会如何做到这一点无限链接弹出窗口动态导航帖子例如@DmitrySemenov – josethernandezc
这不适用于ajax,因为它只替换内容而不是选项等。这实际上是可能的吗?似乎限制,如果没有。 – Paul