Question

我用carousel创建了一个Bootstrap 3.3，它可以在我的本地机器上运行，但是当我在服务器上传整个东西时，其中bootstrap js文件与单个文件中的其他文件一起编译，我收到这个错误：

Cannot read property 'offsetWidth' of undefined - 有没有人面对这个问题，是否有任何已知的解决方案？

Answer 1

对我来说，这是因为我没有在任何幻灯片上设置active课程。

Answer 2

对我来说，我将class='carousel-item'更改为class='item'，就像这样

<div class="item">
    <img class="img-responsive" src="..." alt="...">
</div>

Answer 3

删除课程＆＃39; Carousal幻灯片＆＃39;在页面加载＆amp;使用jquery加载图像时动态添加它。这对我来说是固定的

Answer 4

我得到了同样的错误。因为我使用v4 alpha类名如carousel-control-next当我用v3改变时，问题解决了。

Answer 5

“更改为if（typeof $ next =='object'&& $ next.length）$ next [0] .offsetWidth”-没有帮助。如果将Bootstrap 3转换为php（用于WordPress主题），则在添加WP_Query（$ loop = new WP_Query（$ args）;）时插入$ count = 0;。并且在结束之前结束；添加$ count ++ ;.

Answer 6

如果您使用的是编译好的引导程序，修复它的方法之一是在该行之前编辑 bootstrap.min.js

$next[0].offsetWidth

强制回流改为

if (typeof $next == 'object' && $next.length) $next[0].offsetWidth // force reflow

Answer 7

我遇到了同样的错误，但是在我的情况下，我为轮播项目写了类名，因为.carousel-item bootstrap.css引用了.item。所以错误解决。 carosel-item重命名为item

<div class="carousel-item active"></div>

重命名为以下内容：

<div class="item active"></div>

获取无法使用bootstrap轮播脚本读取未定义的属性'offsetWidth'

7 个答案: