2015-11-13 88 views
3

所以我試圖獲得在docs概述的貓頭鷹傳送帶2中的點數據。但是,無論我做什麼,我添加的點數據都不會出現。我把一個小提琴的例子放在一起來展示這個。dotData在貓頭鷹傳送帶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 online,它確實有效。

我在這裏錯過了什麼?這是一個已知的問題?

回答

0

您是否試過使用OwlCarousel的最新版本?

另外,您不包括OwlCarousel CSS主題,它不包含在包中,您可以使用這一個OWL Default Theme FIle

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

+0

說,是的,這是最新的版本。我今天下載了它。 添加該主題文件不起作用。 幻燈片會如何影響它呢? 這裏是新的小提琴:http://jsfiddle.net/e8v31thz/2/ –

+1

我試過它沒有'dotData',它工作正常。我添加了'dotData:true',它不會生成點。 之後,我回顧了'owl.carousel.js'文件,發現這個文件並找到了這個文件,並且找到了這個文件 '/ ***繪製用戶界面。 * @todo選項'dotData'將不起作用。 * @protected * /' 該插件仍處於beta版本,所以我猜你看到的版本使用的是不同的東西。 –

+0

你從哪裏找到這個?我在回購或下載的代碼中沒有看到。 –

4

在貓頭鷹旋轉木馬使用dotsData: true代替dotdata: true作爲最新版本的文檔

+0

它仍然在文檔中顯示'dotData'。 https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html –

相關問題