在我刷新页面之前，Bxslider 图像不会加载？答案

【问题标题】：Bxslider Images not loading until I refresh the Page?在我刷新页面之前，Bxslider 图像不会加载？
【发布时间】：2014-09-10 15:13:43
【问题描述】：

所以我有这个页面，我有一个 bxslider，其中一些选项卡中有图像，我将 bxslider 功能设置为在选项卡之前加载，但是当我转到 bxslider 是图像的选项卡时，图像尚未加载。当我刷新页面时，它们会在那里。我如何让它们加载，以便当一个人转到该选项卡时，他们已经在那里而不是空白部分？谢谢！

http://jsfiddle.net/r1ma11tj/

有很多丢失的图像，抱歉我不知道如何将图像添加到 jsfiddles。这是一个可以查看的实时链接...

http://morecleanenergy.com/graphics/testing/mass/Mass.html

这是我在body标签之前的调用函数。

<script type="text/javascript">
 $(document).ready(function () {
     $('.bxslider').bxSlider();
     $('#tab-container').easytabs();
 });
  </script>

bxslider 在Why CEC 页面上，它有浅蓝色背景，是从上数第二个项目。

【问题讨论】：

您是否在 CEC 页面上添加您的功能？
好吧，一切都在一个页面上，所以没有为标签加载外部页面，每个页面都在一个 div 标签中，一个在另一个之上。
你的函数之前有<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>  <script src="/js/jquery.bxslider.min.js"></script>吗？
是的，它们位于页面的最顶部。 :-/
页面顶部的脚本的顺序是否重要？就像 bxslider.js 文件脚本应该在 easytabs.js 之上吗？

标签： javascript jquery html jquery-ui-tabs bxslider

【解决方案1】：

/** * BxSlider v4.1.2 - 完全加载的响应式内容滑块 * http://bxslider.com * * 版权所有 2014，Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com * 在喝比利时啤酒和听爵士乐时写 * * 在 MIT 许可下发布 - http://opensource.org/licenses/MIT */

/*! jQuery v3.0.0-alpha1 | (c) jQuery 基金会 | jquery.org/license */

未捕获的类型错误：无法读取未定义的属性“indexOf”

使用jQuery v1.9，解决了。

【讨论】：