Flexslider 在 html 站点中不工作（jQuery 未加载？）

Question

我以某种方式破坏了我的 Flexslider 画廊：第一个图像加载，但没有导航按钮，也没有动画。

通过加载旧的 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"
});

Flexslider 在 html 站点中不工作（jQuery 未加载？）

Flexslider not working in html site (jQuery not loading?)

html

javascript

css

jquery

flexslider