Question

我使用OwlCarousel 2.0.0-beta.2.4显示特定内容类型的所有文章的图像，标题和dek。这些内容类型可以有数百篇文章。所以，当用户到达轮播中的最后一张幻灯片时，我会显示前六个然后延迟下载六个。

根据Owl Docs，可以通过触发＆quot; add.owl.carousel＆＃39; 事件并指定要与位置一起添加的项目来实现。如果将项目添加到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; ，则内容会根据预期添加到轮播的开头。关于如何让猫头鹰将物品附加到旋转木马末端的任何想法？

Answer 1

如果省略位置，它将在末尾追加。像这样：

keyboardWillShow

OwlCarousel 2.0.0-beta.2.4 - 可以添加项目，但不附加＆amp; add.owl.carousel＆＃39;

1 个答案: