dotData in owl carousel 2 not working

Question

So I am trying to get the dot data working in the Owl Carousel 2 as outlined in the docs. However no matter what I do the dot data I add never appears. I put together a fiddle example to show this.

$('.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/

The JS file was just downloaded from the site. I found this beta build of the js online and it does work.

What am I missing here? Is this a known issue?

Answer 1

In latest version of owl carousel use dotsData: true instead of dotdata: true as said in docs