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

Question

我有一个移动网站,它是通过附加XML Feed中的数据创建的.最初加载Feed及其所有数据,然后在用户浏览网站时从阵列中获取正确的Feed内容.之前的内容将从div中清除,并应用新内容.我试图在添加新内容时,将某种update()函数调用到jquery mobile,以便它更新哈希值,应用适当的类等,但我似乎无法在文档中找到它.我在这里阅读这篇文章:

使用jQuery模板动态创建jQuery Mobile页面

但我找不到任何地方记录的page()函数,它似乎对我不起作用.任何想法如何实现这一目标？

Answer 1

查看最新的文档和演示页面

增强新标记 页面插件调度"pagecreate"事件,大多数小部件用它来自动初始化自己.只要引用了一个小部件插件脚本,它就会自动增强它在页面上找到的小部件的任何实例.

但是,如果您通过Ajax生成新标记客户端或加载内容并将其注入页面,则可以触发create事件来处理新标记中包含的所有插件的自动初始化.这可以在任何元素(甚至页面div本身)上触发,从而节省了手动初始化每个插件(listview按钮,选择等)的任务.

例如,如果通过Ajax加载了一个HTML标记块(比如一个登录表单),则触发create事件以自动将它包含的所有小部件(在这种情况下为输入和按钮)转换为增强版本.此方案的代码为:

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