jQuery 移动动态页面不滚动

Question

我使用jQuery mobile框架和jQuery Tmpl创建仅适用于iPhone的web应用程序

每个静态页面运行良好
但是动态页面（使用Json和Tmpl构建）不会滚动。

Answer 1

在我们使用的jQuerymobile模板中，这个：

$(document).on('touchmove', function(e){
    e.preventDefault();
});

正在阻止我们的页面滚动
非常明显：S

Answer 2

试试这个：

$( '#foo' ).trigger( 'updatelayout' );

updatelayout事件，以通知其他组件它们可能需要调整布局以响应其内容更改。正在构建动态应用程序以从页面中注入、隐藏或删除内容，或以任何影响页面维度的方式对其进行操作的开发人员，也可以手动触发此updatelayout事件，以确保页面上的组件响应更改而更新。看见http://jquerymobile.com/demos/1.1.1/docs/api/events.html