Jquery mobile 动态更新dom内容后页面大小调整失败

我正在使用jqm和phonegap开发一个移动应用程序。 我已经创建了一个多页html文件。在单个html文件中有两个jqm页面，ID分别为“myPage1”和“myPage2”。myPage1包含一个项目列表。单击列表项目时，我必须发出ajax调用，并在“myPage2”上显示响应数据。 从ajax调用获得响应后，我将调用jqm changePage函数，如下所示：

$.mobile.changePage（“#myPage2”{ 过渡：“幻灯片”， 反面：错， changeHash:true });

在pagecreate事件中，我在DOM中做了一些更改，导致页面显示大小增加。在pc浏览器上一切正常，但在android上，页面大小与屏幕大小相同，即我无法向下滚动查看完整页面内容

我尝试在更新DOM后调用$（'#myPage2'）.page（）和$（document）.resize（），但都没有成功

只有在使用基于jqm ajax的页面加载更改页面时，才会出现此问题。如果我创建一个单独的html文件，在其中声明“myPage2”，并在“myPage1”列表项中使用rel='external'作为链接属性，而不是调用$.mobile.changePage，那么问题就解决了。我甚至不需要调用$（'#myPage2'）.page（）

但是我想使用基于jqmajax的页面加载，因为我想利用jqm页面转换

以下是我的配置详细信息： jqueryverison-1.6.2 Jquery移动版-1.0 Beta 2 安卓版本-2.2.2 Android浏览器：Mozilla/5.0（Linux；U；Android 2.2.2；hd us；eeepc构建/FRG83G）AppleWebKit/533.1（KHTML，类似Gecko）版本/4.0 Mobile Safari/533.1

任何指针都会非常有帮助，因为我的工作因此被关闭。 提前谢谢

Ajay

而不是

.resize（）

或

.page（）尝试新的触发器选项：

.trigger('create');

以下是Beta2的发行说明：



感谢您的快速回复。我按照您的建议尝试了$（'myPage2'）.trigger（'create'），但没有效果。我注释掉了所有更新dom的代码，并尝试通过mobile.changepage加载静态html页面。令我惊讶的是，尽管我根本没有碰DOM，问题仍然存在。这个问题只在基于jqmajax的加载中出现。使用rel='external'禁用Ajax可以解决此问题。还有什么建议吗？还有一件事，我正在galaxy tab emulator上测试。将很快得到一个真正的设备来检查问题是否是特定于模拟器的。刚刚观察到一件奇怪的事情。如果我通过链接在html中包含jqm css，我的问题就解决了，例如，如果我从我的资源中包含css，它就会回来，比如：请注意，我的资源中的jqm css与上面的链接具有相同的内容。有什么建议吗？感谢提前召开会议？尝试将文件命名为相同的名称，而不是jquery.mobile.cssPhill。。伙计，你是摇滚明星。将文件重命名为相同的名称可以解决问题。请接受最适合此问题的答案，如果您还有其他问题，请询问其他人。Stack Overflow不是一个论坛，它是一个让单个问题得到同行评审答案的地方。