javascript - jQuery 移动版 : force jquery mobile initialization?

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，则需要触发适当的事件。

(下面的例子是 ListView )

在创建新 ListView 时执行以下操作:

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

如果您只是修改一个已经初始化的 ListView ，请执行以下操作:

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

有关可用事件(如“pagebeforecreate”)的更多信息，请参见此处: JQuery Mobile Events

有关如何初始化和刷新 JQuery Mobile Widget 的更多信息，请参见此处: Create vs. refresh: An important distinction