Flexslider不能在HTML網站工作（jQuery沒有加載？）

Question

我以某種方式打破了我的Flexslider畫廊：第一個圖像加載，但沒有導航按鈕，沒有動畫。

這裏的my site

通過加載一箇舊的HTML畫廊和測試，我可以看到，這個問題是不是在HTML中，因爲舊的頁面還顯示，現在一個破碎的畫廊。

這意味着問題是與js文件或與CSS樣式文件？

我經歷了js文件的新舊版本，一切似乎都沒有改變。

感謝您的幫助！

這裏是調用JS部分：

<!-- CSS================================================== --> 
<link rel="stylesheet" href="http://www.esthergibbons.com/css/style.css"> 
<link rel="stylesheet" href="http://www.esthergibbons.com/css/colors/cyan.css" id="colors"> 

<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

<!-- Java Script 
================================================== --> 
<script src="http://www.esthergibbons.com/scripts/jquery.min.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.flexslider.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.selectnav.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.twitter.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.modernizr.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.easing.1.3.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.contact.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.isotope.min.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.jcarousel.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.fancybox.min.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.layerslider.min.js"></script> 
<script src="http://www.esthergibbons.com/scripts/jquery.shop.js"></script> 
<script src="http://www.esthergibbons.com/scripts/custom.js"></script> 

Answer 1

我沒有看到你所呼叫的.flexslider功能。

你需要把它放在你的custom.js文件中。

$('.flexslider').flexslider({ 
    animation: "slide" 
});