jquery - 在基于 jQuery Mobile 的页面中将元素插入到 DOM 中

Question

我正在试验一个 jQuery Mobile 应用程序，它最终将作为移动设备上的非 Web 应用程序结束，因此所有内容都必须是本地的。出于这个原因(我认为)我需要在 data-role="page" 划定的单个页面中构建应用程序标记否则 jQuery Mobile 中的 ajax 加载机制似乎不起作用。

该应用程序将从本地存储数据库中读取数据，并将其以无序列表的形式显示在页面上，使用 jQuery Mobile 进行样式设置，使其看起来像 native 应用程序。

在我的 $(document).ready()函数我执行数据库查找并为每个结果创建一个 <li>标记我的数据库结果，然后调用 $(".list").append(li_str);其中 .list是我的类(class) <ul>标签。

页面呈现时就好像 jQuery Mobile 不存在一样 - 我在每个 <li> 中都看到了正确的数据但它看起来不正确。

将此结果与我对 <li> 进行硬编码的版本进行比较页面 HTML 中的标签 - 看起来 jQuery Mobile 修改了标签并插入了许多新类等。

也许我需要在页面加载周期的早期从数据库构建页面？有什么建议吗？

Answer 1

既不调用 $("changed-parent-element").listview() 也不调用 $("changed-parent-element").trigger("create") 真的对我有用。为了多次更改 DOM 内容并重做 jQuery 移动样式，我需要这样做:

$("changed-parent-element").listview("refresh");

版本:jQuery Mobile 1.0 RC2