javascript - jQuery Mobile "enhance"动态重新生成html

Question

jQuery 移动版 1.2.0

我使用 JavaScript ($(selector).html(content)) 生成 HTML，将它添加到 DOM，然后显示它 ($.mobile.changePage()).

然后我调用一个 AJAX 调用，获取一些数据，并重新生成 html(但是父元素，相同的 $(selector)，保持不变，我只是改变它的 html(...)).
此时 HTML 没有被 jQM“增强”，没有应用任何样式。

现在根据docs我应该简单地调用父元素上的 page() 函数，即 $(selector).page()。

文档中的其他地方建议触发 create 事件，即 $(selector).trigger("create")。

问题是以上两种方法都不起作用——jQM 的样式没有应用。

查看 jQM 的代码，我尝试在该元素上触发 pagecreate 事件并且它确实有效，但是，这在任何地方都没有记录，所以我我不确定，尤其是关于 jQM 的 future 版本。

在文档中的一些 poing 中，我读到我只能在页面上调用一次 page()..

无论如何，是否有任何简洁/标准的方式告诉 jQM“增强”整个元素及其子元素？还是我应该继续触发 pagecreate 事件？

谢谢!

Answer 1

要重新创建整个页面，请使用:

$(selector).trigger("pagecreate");

这是我对一个类似问题的回答:https://stackoverflow.com/a/14011070/1848600 .有一个页面重新创建的示例。看看，这应该可以解决您的问题。