jQuery-mobile:强制jquery移动初始化？

Question

我正在使用jquery mobile开发一个网站.我的主页面显示了一个项目列表,但是我使用ajax函数捕获这些项目,然后在javascript中构建HTML文档

问题是jQuery Mobile在我修改页面之前初始化页面,因此页面看起来不是jqm样式.如何在修改后强制jqm"重建"页面？

谢谢

Answer 1

如果您希望能够在JQuery Mobile初始化发生之前调整DOM,我建议您执行以下操作:

$('#YourPagesId').live('pagebeforecreate',function(event){
  // All of your DOM modification goodness here.
});

如果要在初始JQuery Mobile初始化发生后修改DOM,则需要触发相应的事件.

(以下示例带有列表视图)

在创建新列表视图时,请执行以下操作:

$('#ListViewsId').listview();

如果您只是修改已初始化的列表视图,请执行以下操作:

$('#ListViewsId').listview('refresh');

有关"pagebeforecreate"等可用事件的更多信息,请访问: JQuery Mobile Events

有关如何初始化和刷新JQuery Mobile Widget的更多信息,请参见: 创建与刷新:一个重要的区别