bootstrap轮播图：cant read property 'offsetWidth' of undefined

今日使用bootstrap中carousel时出现了一个小问题，cant read property 'offsetWidth' of undefined。

由于从bootstrap里copy过来是可以正常运行的，当动态添加图片后出现此类问题，故一步步测试（把每步可能出错的地方都检测了一遍）最终找出问题所在。

本人代码问题：

HTML部分：（只用看<div class=<div class="carousel-inner" role="listbox"></div>部分)

可以看到在这里面我未添加任何元素。

JS部分：（主要功能是拼接字符串动态加载图片）

乍一看并没有什么问题，而且这样也能在f12中看到JS动态构建的DOM树，但是就是出现了这个问题。

最终解决方案：需要在HTML代码里增加一个默认的active类即如下：

最终解决此类问题。

注意：本文代码仅为此问题所涉及的代码，使用方法其他代码请从bootstrap里查看。

最好保存bootstrap里原有结构，具体内容可自行修改，这类问题便能解决。

最终实现：