JQuery Mobile – 在显示页面之前调整表单元素的大小

我正在调整JQM控件按钮组的大小以适应其中包含的DIV的宽度。

但是，我希望在用户看到任何内容之前执行此操作。 目前，我只能在页面显示后才能完成这项工作，这就像一个故障。

这是我的resize代码：

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”填充？

谢谢

Answer 1

唯一可行的方法是覆盖默认的jquery-mobile css。 您可以在页面加载后为父元素指定和id，并定义宽度和其他属性，前面是您在页面加载后获得的ID。 这个概念就像通过ajax加载html内容一样，css应用于那个html。