JQuery Mobile - 在顯示頁面之前調整窗體元素的大小

Question

我正在調整JQM控件按鈕組的大小以適應其包含的DIV的寬度。

但是，我想在用戶看到任何東西之前這樣做。目前，我只能在頁面顯示後才能完成這項工作，這就像一個小故障。

這裏是我的調整大小代碼：

var myWidth = $(window).width() - 1.3*($(window).width() - $('#eventForm').width()); 
$('.eStatusLabel').css("width", myWidth/3); 

下面是我曾嘗試使用通過靶向此功能，但#eventForm寬度總是0：

$("#myPage").live('pageinit',function(){ //Resize}); 
$("#myPage").live('pageload',function(){ //Resize}); 
$("#myPage").live('pagebeforeshow',function(){ //Resize}); 

是否有辦法在顯示之前抓取表單的大小？有沒有包含data-role =「page」padding的內容頁面的內部寬度的另一種方法？

感謝

Answer 1

可能做到這一點的唯一方法是通過重寫默認的jQuery移動CSS。您可以在加載頁面後爲父元素分配id，並定義頁面加載後獲得的id前面的寬度和其他屬性。這個概念就像通過ajax加載html內容一樣，並且CSS被應用於該html。