2015-01-15 68 views
1

我在Magento網站上使用貓頭鷹傳送帶,我可以正確地顯示幻燈片,但無法使用它的任何功能控制滑塊......這是我的HTML代碼:Uncaught TypeError:undefined不是函數 - 使用貓頭鷹傳送帶

<div id="main-slider" class="owl-carousel mobile-slider"> 
<div class="item">{{block type="cms/block" block_id="block_slide1"}}</div> 
<div class="item">{{block type="cms/block" block_id="block_slide2"}}</div> 
<div class="item">{{block type="cms/block" block_id="block_slide3"}}</div> 
<div class="item">{{block type="cms/block" block_id="block_slide4"}}</div> 
<div class="item">{{block type="cms/block" block_id="block_slide5"}}</div> 
</div> 

這是我的控制,我直接在上面的html後放置:

jQuery(document).ready(function(){ 
    jQuery('#main-slider').owlCarousel({ 

    singleItem: true, 
    slideSpeed: 200, 
    stopOnHover: true, 
    navigation: true 
    }); 
}); 

下面是在控制檯中的錯誤,我要回:

Uncaught TypeError: undefined is not a function

在我的頭,我有:

<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.carousel.css" /> 
<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.theme.css" /> 
<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.transitions.css" /> 
<script type="text/javascript" src="js/nwdthemes/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/nwdthemes/owl-carousel/owl.carousel.min.js"></script> 

這裏是旋轉木馬的輸出,「singleItem:真正的」似乎並沒有工作,因爲它顯示2張幻燈片一次:

enter image description here

+0

對我來說,這意味着'owlCarousel'是未定義的。你在哪裏引用了定義owlCarousel插件的腳本? – Nick

+0

剛剛編輯了我在頭文件中的內容以包含腳本 – AJ47

+0

爲什麼控制檯輸出中的代碼輸出不同,代碼直接在html之後輸出?你沒有發佈所有的代碼後,你的HTML或是這是一個不同的地方? – Nick

回答

0
{ 
    // ... 
    stopOnHover: false, 
    autoplayHoverPause:true, 
    // ... 
} 
+0

請始終給出一些解釋,而不僅僅是明碼 – andreas

相關問題