我以某种方式破坏了我的 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>
最佳答案
我没有看到您正在调用 .flexslider
函数。
您需要将它放在您的 custom.js 文件中。
$('.flexslider').flexslider({
animation: "slide"
});
关于javascript - Flexslider 在 html 站点中不工作(jQuery 未加载?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34014435/