【问题标题】:jQuery-mobile : force jquery mobile initialization?jQuery-mobile:强制 jquery 移动初始化?
【发布时间】:2011-09-01 13:20:34
【问题描述】:

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

问题是 jQuery Mobile 在我可以修改页面之前初始化页面,所以页面看起来不是 jqm 样式。 修改后如何强制 jqm“重建”页面?

谢谢

【问题讨论】:

  • 我认为您需要在 pageshow jMobile 事件中执行您的 ajax 函数。 :]

标签: javascript jquery mobile jquery-mobile web


【解决方案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 的信息可以在这里找到: Create vs. refresh: An important distinction

【讨论】:

  • 啊谢谢!我正在尝试使用 .listView() 而不是 .listview() -_-
猜你喜欢
  • 2012-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-27
  • 2013-11-22
  • 2012-03-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多