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

时间:2011-08-15 19:12:55

标签: javascript jquery xml ajax jquery-mobile

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

Dynamically creating jQuery Mobile pages using jQuery Templates

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

1 个答案:

答案 0 :(得分:8)

查看latest documentation and demos page

  

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

     

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

     

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

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