android - Jquery 移动对话框不随动态内容滚动

Question

当我向 jQuery 移动对话框动态添加内容时，新内容超出了手机屏幕的底部边缘，我无法向下滚动对话框来查看新内容。但是，当我旋转我的设备以强制重绘屏幕上的任何内容时，向下滚动效果很好。

我在对话框元素和对话框内附加了新内容的元素上尝试了 .page() 和 .trigger('create') - 没有解决问题。

我如何更新我的对话框，以便在所有已添加的内容上滚动？

我正在使用 Jquery mobile 1.2.0、Phonegap 2.2.0、Android 4.0。

谢谢。

Answer 1

旋转屏幕时滚动开始工作的并不是重绘。 jQuery Mobile 有一个以像素为单位设置页面大小的窗口调整大小事件，这有时会导致在错误的时间更改大小。在大多数情况下，您可以在 css 中使用 !important 规则覆盖它。

如果您不想深入研究 jQuery 移动内部结构，一个更简单的选择可能是在对话框中放置一个固定大小的容器并设置 overflow:auto，这样对话框本身就不需要滚动。