bootstrap輪播圖:cant read property 'offsetWidth' of undefined
阿新 • • 發佈:2019-01-29
今日使用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裡原有結構,具體內容可自行修改,這類問題便能解決。
最終實現: