javascript - Owl Carousel 2 中的 dotData 不工作

标签 javascript jquery owl-carousel

所以我正在尝试让点数据在 Owl Carousel 2 中工作,如 docs 中所述.但是,无论我做什么,我添加的点数据都不会出现。我整理了一个 fiddle 示例来展示这一点。

$('.owl-carousel').owlCarousel({
    items: 3,
    nav: false, // Show next and prev buttons
    smartSpeed: 450,
    loop: false,
    dotData: true
});

<div class="owl-carousel">
<div data-dot="1"><img src="http://placehold.it/800x200/008CBA/FFFFFF/&text=1" alt=""></div>
<div data-dot="2"><img src="http://placehold.it/800x200/008CBA/FFFFFF/&text=2" alt=""></div>
<div data-dot="3"><img src="http://placehold.it/800x200/008CBA/FFFFFF/&text=3" alt=""></div>
<div data-dot="4"><img src="http://placehold.it/800x200/008CBA/FFFFFF/&text=4" alt=""></div>
</div>

http://jsfiddle.net/e8v31thz/1/

JS 文件是刚刚从站点下载的。我发现了这个 js 的 beta 版本 online它确实有效。

我在这里错过了什么?这是一个已知的问题?

最佳答案

在最新版本的 owl carousel 中使用 dotsData: true 而不是文档中所说的 dotdata: true

关于javascript - Owl Carousel 2 中的 dotData 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33702472/

相关文章:

javascript - 浏览器会记住 "a:visited"链接多长时间?

javascript - 我们如何通过 JQuery 创建另一个带有一些选项的选择框

javascript - 尝试时出错 'Unloading/Removing content from an iFrame'

javascript - 过滤数组中的重复值

jquery - 如何在jquery ajax函数的数据参数中使用this.val

javascript - Angular Dart 到 JavaScript 结果对于生产来说太大了吗?

jquery - 在 Chrome 中获取自定义 HTML 标签的高度和宽度

javascript - Owl Carousel : flickering on tablet view

jquery - 如何让 Owl Carousel 像字幕标签一样平滑滚动?

javascript - 如何编辑或禁用猫头鹰元素的宽度?