OwlCarousel2 - 添加项目+更新轮播

Question

我一直很难将Owl Carousel添加到我们的应用程序中,并且希望最新的2.0.0-beta.2.4版本会更容易,但我无法获得添加项目和更新项目的基本功能.旋转木马上班.

我在这里做错了吗？

这是我正在使用的代码:

$('#insert').on('click', function () {
    owl.trigger('add.owl.carousel', '<div class=\"item\"><p>D</p></div>').trigger('update.owl.carousel');
});

随着演示:

http://jsfiddle.net/52r9B/11/

文档(http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html)似乎没有包含任何内容 - 除非我遗漏了一些明显的东西.

任何帮助,将不胜感激.

Answer 1

自上个月以来,OwlCarousel 2.0正在重新考虑因素.所以您使用的版本(2.0.0-beta.2.4)已经过时了.

这是你演示的一个有效的JS Bin.您的第一个错误是您使用事件API添加新项而不将参数放入数组中:

// Right
$('.owl-carousel').trigger('add.owl.carousel', [first, second])
// Wrong
$('.owl-carousel').trigger('add.owl.carousel', first, second)

或者你可以像这样使用插件方法:

$('.owl-carousel').owlCarousel('method', first, second, third, ...)

主要区别在于事件API仅提供所有公共方法的子集.

第二个错误是你试图调用update不可能的事件API(参见上文).请refresh改用.

要检查最新的开发,您需要自己构建它,直到下一个预发布即将到来.但请耐心等待,这仍然是测试版!