我使用OwlCarousel 2.0.0-beta.2.4来显示特定内容类型的所有文章的图像、标题和dek。这些内容类型可以有几百篇文章。所以,当用户到达旋转木马中的最后一张幻灯片时,我就会显示前六张,然后再对下一张幻灯片进行懒散加载。
根据'add.owl.carousel',这可以通过触发Owl文档事件并指定要添加的项和位置来实现。如果将项添加到位置0-5,但对于位置6-11等则完全不起作用,这很好。我尝试过几种不同的方法,包括addItem()。根据非常有限的文档,它的工作方式(我认为)如下:
BucketCarousel.prototype.fetchMoreItems = function(callback) {
var self = this;
$.ajax(this.fetchURL, {
dataType: 'json',
data: {page: this.page},
error: function(response) {
console.log('error', response);
},
success: function(response) {
$(response.bucket_items).each(function(index, item) {
var pos = self.position+index;
self.owlCarousel.trigger('add.owl.carousel', [item, pos]);
});
self.hasmore = response.has_more;
self.page++;
(callback || $.noop).apply(self);
}
});
};如果我设置了var pos = index;,内容将按预期的方式添加到旋转木马的开头。对于如何让猫头鹰把物品附加到旋转木马的末尾,有什么想法吗?
发布于 2016-01-25 18:43:56
如果你省略了这个位置,它就会附加在最后。如下所示:
owlCarousel.trigger('add.owl.carousel', [item])
https://stackoverflow.com/questions/34053591
复制相似问题