1. 程式人生 > >bootstrap輪播圖:cant read property 'offsetWidth' of undefined

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中看到J

S動態構建的DOM樹,但是就是出現了這個問題。

最終解決方案:需要在HTML程式碼裡增加一個預設的active類即如下:


最終解決此類問題。

注意:本文程式碼僅為此問題所涉及的程式碼,使用方法其他程式碼請從bootstrap裡檢視。

最好儲存bootstrap裡原有結構,具體內容可自行修改,這類問題便能解決。

最終實現: