当页面在初始加载时从未刷新时，bxslider 有时会正确显示答案

【问题标题】：bxslider sometimes shows properly when page refreshed never on initial load当页面在初始加载时从未刷新时，bxslider 有时会正确显示
【发布时间】：2014-08-29 14:04:09
【问题描述】：

滑块在第一次加载时无法正常加载。在随机时间它会在第一次加载时正常工作，但在其他时候却不能。只有项目符号显示在页面上的错误位置。当您重新加载时，一切都会正确卡入到位。而且我还注意到在其他网站上，有时我构建的 CSS 加载不正确，直到重新加载页面。有谁知道我做错了什么？

代码如下：

<script type="text/javascript">

    $(document).ready(function(){
  $('.bxslider').bxSlider({
      auto: true,
      autoStart:true,
      captions:true,
      preloadImages: 'none'
      });

    });

</script>



<div style="float:left !important" ><ul class="bxslider">
  <li><a href="http://templesschoolofkarate.com/contact.php"><img alt="Sign up today for two free classes" src= "http://templesschoolofkarate.com/res/slide/slide1.jpg"  /></a></li>
  <li><a href="http://templesschoolofkarate.com/programs.php"><img alt="we are rate #1" src="http://templesschoolofkarate.com/res/slide/slide2.jpg"  /></a></li>
  <li><a href="http://templesschoolofkarate.com/programs-weapons.php"><img alt="ask about our weapons program" src="http://templesschoolofkarate.com/res/slide/slide3.jpg"  /></a></li>
  <li><a href="http://templesschoolofkarate.com/programs-kids.php"><img alt="kids learn more than just kicking and punching" src="http://templesschoolofkarate.com/res/slide/slide4.jpg" /></a></li>
</ul>
</div>

链接到网站http://templesschoolofkarate.com

【问题讨论】：

你能只发布关于滑块部分的代码，而不是全部吗？
你在检查 IE...??因为在 moz 中，它的加载很好！ :)
随机发生，有时有效，有时无效
@OshaneBaker ：我认为这是一些环境问题，而不是代码......！ :)
您的问题解决了吗？我现在有这样的问题。 @Oshane Baker

标签： jquery html css web

【解决方案1】：

我遇到了同样的问题，我想我已经找到了效果 - 正如您在下面看到的，包装元素有时会将自己设置为 0px 的高度。

不是 100% 肯定，但对我来说，我认为这是页面刷新中间过渡。我没有明确设置startSlide，即使它在文档中说默认值为 0，但它不起作用。

我在初始化中包含了startSlide:0，这似乎已经解决了我的问题。

【讨论】：