1

我正在调整 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" 填充的情况下获取内容页面的内部宽度？

谢谢

4

1 回答 1

0

唯一可行的方法是覆盖默认的 jquery-mobile css。您可以在页面加载后将 id 分配给父元素，并在页面加载后以 id 开头定义宽度和其他属性。这个概念就像通过 ajax 加载 html 内容并将 css 应用于该 html。

于 2013-01-18T12:21:00.527 回答