除非 window 调整大小，否则 flexslider 将无法工作

Question

我对 flexslider 有一个奇怪的问题，但我对 bxslider 也有问题，当我加载页面时，flexslider 将无法工作，但如果我调整 window 的大小，它就会工作，我已添加删除 css/js 但问题仍然存在。你可以在我的测试服务器上看到这个问题 http://www.webcontrolcentre.co.uk/sitetest

如果您向下导航至 'section four'，您将看到一个名为 'view showcases' 的 link，滑块位于该部分内。

Answer 1

如果没有可编辑的示例，很难重现，但 FlexSlider 通常在隐藏元素上初始化时遇到问题。

不隐藏 .showcase 是否有效？

您可以在点击 "show-btn" 开关后尝试 re-initializing flexslider。

Answer 2

改变

<script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/skrollr.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.js" type="text/javascript"></script>

至

<script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="js/skrollr.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>

除非 window 调整大小，否则 flexslider 将无法工作

flexslider wont work unless window resized

javascript

jquery

flexslider