OwlCarousel 2.0.0-beta.2.4-可以预先添加项目,但不能使用'add.wowl.carou
OwlCarousel 2.0.0-beta.2.4 - can prepend items but not append items with 'add.owl.carousel'
我使用OwlCarousel 2.0.0-beta 2.4来显示特定内容类型的所有文章的图像、标题和dek。这些内容类型可以有几百篇文章。因此,我将显示前六张幻灯片,然后在用户到达转盘中的最后一张幻灯片时懒散地加载下六张幻灯片。
根据Owl文档,这可以通过触发"add.Owl.coroundle"事件并指定要添加的项目和位置来实现。如果将项目添加到位置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,内容按预期准备到转盘的开头。关于如何让owl将项目附加到旋转木马的末尾,有什么想法吗?
如果省略位置,它将附加在末尾。像这样:
owlCarousel.trigger('add.owl.carousel', [item])
相关文章:
- JS可以在Chrome中工作,但不能在Firefox中工作
- WebRTC视频聊天可以在FF中使用,但不能在Chrome中使用
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- 三角库可以与firefox一起使用,但不能在Chrome中使用
- Highcharts可以从服务器加载数据,但不能更新
- 刷新GoogleMaps tile服务器可以使用JavaScript,但不能使用GWT
- node.js可以识别字符模式,但不能识别数字模式
- 如何在元素中处理鼠标事件,但不能在其子元素上处理
- Json到CSV下载,可以在chrome中工作,但不能在IE浏览器中工作
- jQuery$.post可以在chrome、safari中工作,但不能在FF中工作(声明成功回调函数未定义)
- Javascript可以在chrome中使用,但不能在其他浏览器中使用
- Iframe加载调整大小在Chrome中工作,但不能在IE或Firefox中工作
- Rails Production-可以工作,但不能编辑/删除/创建记录
- 能够在Highcharts中看到值,但不能看到图形
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- 通过Javascript SDK登录Facebook可以在移动设备和本地主机上使用,但不能在台式机上使用
- jQuery/Javascript函数可以在Chrome中使用,但不能在IE11中使用
- 可以将模型传播到组件,但不能传播到sap.ui.jsfragment
- 能够获取元素长度,但不能获取内部 HTML
- OwlCarousel 2.0.0-beta.2.4-可以预先添加项目,但不能使用'add.wowl.carou