2014-01-28 16 views
0

我在這裏跟着指示:JCarousel爲什麼無法顯示?

jCarousel link

而且它不會出現(只有CSS工作時,它出現的實際功能是不是)。

這是我的HTML頭:

<head> 
<link rel="stylesheet" type="text/css" href="css/style.css"/> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/scripts.js"></script> 
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script> 

<title>Sites</title> 
<script> 
$(function() { 
    $('.jcarousel').jcarousel({ 
     // Configuration goes here 
    }); 
});  
</script> 

</head> 

這就是我想要的旋轉木馬的實際部分:

<div class="jcarousel"> 
     <ul> 
      <li><img src="Images/prio_site2.png" width="600" height="400" alt=""></li> 
      <li><img src="Images/prio_site_mouseover.PNG" width="600" height="400" alt=""></li> 
     </ul> 
    </div> 

另外,認爲有必要的CSS是在CSS文件。任何想法發生了什麼?旋轉木馬完全沒有出現。

+0

當你說「不完全出現」......它是否出現部分? – Askanison4

+0

你可以創建一個jsFiddle來說明你的問題嗎? – Bobby5193

+0

@ Bobby5193這將很難處理需要JCarousel的問題。據我所知,沒有託管版本的插件... – Askanison4

回答

1
$(document).ready(function() { 
     $('.jcarousel').jcarousel(); 
    }); 

您是否嘗試過調用沒有括號的函數?

我也在這裏做了一個工作小提琴:http://jsfiddle.net/bobby5193/2J4yk/

括號可能不是一個問題,但CSS屬性應該檢查下一個/上一個按鈕。您也可以使用開發工具在Chrome中查看是否缺少css屬性或js錯誤。

+0

括號用於配置對象...我不認爲空對象會導致問題 – Askanison4

+1

@ Askanison4 - 這是一個假設,我知道括號是什麼,但我已經創建了一個工作小提琴,並更新了我的答案。它可能是一些缺少的CSS屬性。 – Bobby5193

+0

@ Bobby5913我不知道你可以添加外部JS文件到小提琴。我的東西!:D – Askanison4

相關問題