JQuery Mobile(簡稱jqm)是一款基于HTML5和CSS3的移動Web開發框架,它提供了一些非常方便的方法去修改CSS樣式。但是,在處理某些布局和設計方案時,我們可能需要使用JavaScript來獲取或設置元素的高度(height)。
如果我們想要通過jQuery Mobile去改變一個元素的高度,我們可以使用以下代碼:
$("#myElement").css("height", "100px");
上面的代碼將會把id為"myElement"的元素的高度設置為100像素。
然而,當我們需要獲取一個元素的高度時,我們不能使用上面的方式來獲取它。這是因為jQuery Mobile中的高度屬性在移動設備上進行了一些優化處理,它通常是通過內部計算來計算出來的。因此,如果我們直接使用css()方法去獲取一個元素的高度,我們會得到一個錯誤的值。
為了解決這個問題,我們可以使用jqm自帶的getHeight()方法來獲取元素的高度。以下是具體的代碼:
var height = $("#myElement").jqmData("jqm-getHeight");
上述代碼將獲取id為"myElement"的元素的高度值,并將該值存儲在變量height中。我們可以根據需要使用這個變量進行操作。
現在,我們已經了解了如何通過jQuery Mobile獲取和設置元素的高度。因此,在下一次使用jqm進行布局設計時,我們可以放心地應用這些知識!
上一篇css外邊框沒設置
下一篇css外部樣式數字加粗