owl carousel 2中的dotData無法正常工作

Question

因此，我正在努力讓點數據在文檔中概述的Owl Carousel 2中運行。 但無論我做什么，我添加的點數據都不會出現。 我把一個小提琴示例放在一起來表明這一點。

$('.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版本，它確實有效。

我在這里錯過了什么？ 這是一個已知的問題？

Answer 1

在owl carousel的最新版本中，使用dotsData: true而不是dotdata: true如文檔中所述

Answer 2

你嘗試過使用OwlCarousel的最新版本嗎？

另外，你不包括OwlCarousel CSS主題，它不包含在包中，你可以使用這一個OWL默認主題文件 。

另一個選擇可能是你的幻燈片太少但這只是一個理論。