动态addItem的Owl-Carousel问题
动态addItem的Owl-Carousel问题
提问于 2015-06-11 23:36:00
我将尝试使用jquery函数addItem在owl-carousel上动态添加条目，但不起作用，并且在控制台上显示："addItem不是一个函数“。
var content = "<div class='item item-desktop' style='background: url("+urlimage+"); background-size:cover; background-position: center'>";
var carosello=$("#owl-carousel-desktop");
var dataCarosello=carosello.data('owlCarousel');
dataCarosello.addItem(content);还有其他方法可以在owl carousel上动态加载项目吗？
回答 3
Stack Overflow用户
发布于 2015-06-11 23:40:31
尝试在初始化carosello后添加此命令
carosello.owlCarousel();总而言之，留给你的是以下内容：
var content = "<div class='item item-desktop' style='background: url("+urlimage+"); background-size:cover; background-position: center'>";
var carosello = $("#owl-carousel-desktop");
carosello.owlCarousel();
var dataCarosello = carosello.data('owlCarousel');
dataCarosello.addItem(content);Stack Overflow用户
发布于 2015-08-07 14:17:40
- 打开owl的主页链接(http://www.owlgraphic.com/owlcarousel/index.html)有一个新版本的owl。(新版本2.0.0-测试版现在可供测试人员使用。Check it)-(http://www.owlcarousel.owlgraphic.com/)
- Call 'addItem()‘的方法已更改。您需要了解查看http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html
- Code代码片段的version2文档：
var owl = $('.owl-carousel');
owl.owlCarousel({
margin: 10,
nav: true,
items: 10
});
var html = '<div class="item"><h4>N1</h4></div>';
// TODO: Needed wraped by class:owl-item, the argument content is different in Owl Carousel 2,
// it must be jquery object;
var content = '<div class="owl-item">' + html + '</div>';
owl.trigger('add.owl.carousel', [$(content), 0]).trigger('refresh.owl.carousel');
// https://github.com/smashingboxes/OwlCarousel2/issues/496
// https://github.com/smashingboxes/OwlCarousel2/blob/develop/src/js/owl.carousel.js#L1289
// https://github.com/OwlFonk/OwlCarousel/blob/master/owl-carousel/owl.carousel.js#L1410
Stack Overflow用户
发布于 2016-07-28 04:00:14
我也不能让addItem方法工作。在我看来，最好的替代方案是在html中添加项目组件，然后初始化owl carousel。
var html = "<div class='item item-desktop' style='background: url("+urlimage+"); background-size:cover; background-position: center'>"
var =$("#owl-carousel-desktop");
owl[0].innerHTML = html;
owl.owlCarousel();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30785269
复制相关文章
相似问题
腾讯云开发者
