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

問題及場景

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

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

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

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

在計算accordion的高度時卻無法獲取數(shù)據(jù)節(jié)點元素的高度，導(dǎo)致accordion的高度為0，無法折疊！

原因

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

解決方案

延伸閱讀

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