jquery-mobile - 使用 jQuery Mobile 和 Phonegap 管理动态列表

Question

我有一个要从数据库显示的列表。列表中的每个项目都与一个 ID 相关联。我想知道跟踪列表中每个项目的 ID 的最佳方法。所以当我点击item时，我可以使用ID映射到数据库中item的其他属性。

Answer 1

我不知道“最好的方法”，但你可以做到这一点的一种方法是通过将 id 嵌入到锚标记中，然后使用客户端路由解决方案来处理它（查看jQuery 移动路由器）。

或者，您可以在 js 对象中为列表中的每个项目维护一个引用，将 id 保留在对象中。最简单的方法可能是使用某种 javascript mvc 类型框架，例如backbone.js ，在其中您将拥有代表每个项目的模型集合以及与 DOM 中特定元素挂钩的每个项目的视图（在您的情况下是一个 li），并且可以连接以响应该元素上的事件（例如，当您单击项目时，项目视图会响应其单击事件并采取相应措施）。

编辑：

就我个人而言，我一直在使用backbone.js 来构建我自己的代码，如果你对它感兴趣，你应该能够找到很多关于它的教程。无论如何，这里有一个jsfiddle，其基本思想是使用backbone.js 来维护对列表中每个项目的引用。当然，你也可以在 vanilla JavaScript 中做到这一点。