jquery mobile - 附加 html 内容并应用 JQuery mobile 的样式

Question

我有一个移动网站，它是通过附加来自 XML 提要的数据而创建的。提要及其所有数据最初被加载，然后在用户浏览网站时从数组中获取正确的提要内容。从 div 中清除之前的内容，并应用新内容。我试图在附加新内容后调用某种 update() 函数到 jquery mobile 以便它更新哈希、应用正确的类等，但我似乎无法在文档中找到它.我在这里阅读了这篇文章：

Dynamically creating jQuery Mobile pages using jQuery Templates

但是我在任何地方都找不到 page() 函数，而且它似乎对我不起作用。任何想法如何做到这一点？

Answer 1

看看latest documentation and demos page

增强新标记 页面插件调度一个“pagecreate” 事件，大多数小部件使用它来自动初始化自己。只要 当一个小部件插件脚本被引用时，它会自动增强 它在页面上找到的小部件的任何实例。

但是，如果您在客户端生成新的标记或通过以下方式加载内容 Ajax 并将其注入到页面中，您可以触发 create 事件 处理其中包含的所有插件的自动初始化 新的标记。这可以在任何元素上触发（甚至是页面 div 本身），省去了手动初始化每个插件的任务 （列表视图按钮、选择等）。

例如，如果加载了一个 HTML 标记块（比如登录表单） 在通过Ajax，触发create事件自动变换 它包含的所有小部件（在这种情况下为输入和按钮）到 增强版本。这个场景的代码是：

$( ...new markup that contains widgets... ).appendTo( ".ui-page").trigger( "create" );