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
});
});
下面是在控制檯中的錯誤,我要回:
在我的頭,我有:
<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張幻燈片一次:
對我來說,這意味着'owlCarousel'是未定義的。你在哪裏引用了定義owlCarousel插件的腳本? – Nick
剛剛編輯了我在頭文件中的內容以包含腳本 – AJ47
爲什麼控制檯輸出中的代碼輸出不同,代碼直接在html之後輸出?你沒有發佈所有的代碼後,你的HTML或是這是一個不同的地方? – Nick