獲取隱藏元素(display:none)的物理尺寸

問題及場景

假如我們有這樣一個輸入框,點擊能展開選擇。如下圖:

大數據培訓,云培訓,數據挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓

大數據培訓,云培訓,數據挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓大數據培訓,云培訓,數據挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓

在這里輸入框和下方的展開區(qū)域是分離的,獨立的兩個控件!初始狀態(tài)下面的可選框是隱藏的(ng-show=false)

展開區(qū)域中可折疊組件accordion(對應圖中省份,排序字段,短消息部分)的高度是隨著數據自適應撐開,點擊accordion折疊收縮時有一個高度變化的動畫效果!

在計算accordion的高度時卻無法獲取數據節(jié)點元素的高度,導致accordion的高度為0,無法折疊!

原因

在一個隱藏的div元素節(jié)點中無法獲取它子元素的物理尺寸!即輸入框下面的展開區(qū)域還是隱藏時,accordion控件無法獲取數據DOM節(jié)點元素的高度.

解決方案

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網站設計培訓,網站建設培訓學習是年輕人改變自己的最好方式