使用引导轮播脚本无法读取未定义的属性“offsetWidth”

IT技术 javascript jquery twitter-bootstrap
2021-03-05 18:20:11

我创建了一个carouselwithBootstrap 3.3并且它可以在我的本地机器上运行，但是当我将整个东西上传到服务器上时，引导 js 文件正在与单个文件中的其他文件一起编译，我收到此错误：

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

6个回答

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

是的，这就是修复:) 谢谢！
2021-04-24 18:20:11
@fourgablesguy 嗨，我可以知道您所说的-编译引导程序是什么意思吗？如何手动编译引导程序？你的意思是建造整个项目吗？
2021-04-30 18:20:11
在我的情况下，既影响活动类，也可能在其包含加载之前呈现问题潜水加载
2021-05-01 18:20:11
如果您编译引导程序，您可以通过编辑该行的 carousel.js 来修复它 $next[0].offsetWidth// force reflow 更改为 if (typeof $next == 'object' && $next.length) $next[0].offsetWidth // force reflow
2021-05-14 18:20:11
惊人的！谢啦
2021-05-21 18:20:11

对我来说，我变成class='carousel-item'了class='item'喜欢这个

<div class="item">
    <img class="img-responsive" src="..." alt="...">
</div>
我同时使用 BootStrap 4 和 3（长篇故事），所以添加 item 和 carousel-item 为我解决了这个问题（一个都没有工作）。
2021-04-28 18:20:11
也为我工作。不知道为什么。
2021-05-01 18:20:11
太感谢了！在为这个问题苦恼了一个多小时后，这也为我解决了这个问题。
2021-05-12 18:20:11
'carousel-item' 来自 v4 alpha 示例。出于这个原因，我把它留在了但添加了“项目”所以它也可以在 v3 中工作
2021-05-15 18:20:11
使用pingendo.com当前正在使用的 4 beta 1 ，并且必须在 carousel-item 旁边添加 item 才能成功
2021-05-18 18:20:11

在页面加载时删除“Carousal slide”类并在使用 jquery 加载图像时动态添加它。这对我来说是固定的

我正在 jquery 中动态创建整个轮播 html 内容，但仍然出现相同的错误
2021-05-01 18:20:11
请注意，我们需要使用 .carousel() 方法初始化轮播。
2021-05-18 18:20:11

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

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

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

重命名为以下内​​容：

<div class="item active"></div>
其它你可能感兴趣的问题
上一篇Angular2 动态更改 CSS 属性 下一篇有没有办法将变量传递到 Meteor 的模板中？