Question

我已经开始使用jQuery Mobile了，我正在努力了解如何处理点击和传递数据。例如，我有一个项目的列表视图。点按时，我想将用户带到应用中的另一个页面，该页面是根据单击的项目ID生成的。我会将数据ID存储在自定义data- *属性中并将click事件绑定到它，以便将它们发送到其他页面吗？或者我应该使用本机方法还是第三方库？我正在使用REST服务，但底层后端是一个ASP.NET MVC应用程序，如果这有所作为。任何帮助或建议将不胜感激。

Answer 1

我使用过Sencha Touch而不是jQuery Mobile。但Sencha Touch为路由提供了很好的支持，这是您要解决的问题的名称。您应该仔细考虑是否要在客户端或服务器端进行路由。 Sencha Touch支持客户端，这正在成为更受欢迎的方法，因为它有助于良好的离线行为。 jQuery Mobile可能已经从我读过的内容中获得imperfect routing支持，但其他库如Backbone可以fill the gap。另见Spine，Thorax。 Spine特别推荐给我用于移动路由。 This site提出了一个jQuery补丁来改进路由。

Answer 2

JQM为您完成此操作，只需将链接放在listview LI元素中，JQM将使用箭头渲染它们，并通过AJAX拉出内容。

<ul data-role="listview">
  <li><a href="/page?item=1">Item 1</a></li>
  <li><a href="/page?item=2">Item 2</a></li>
</ul>

URL / page？item = 1应该生成该项目的页面内容：

<div data-role="page">
    ...
</div>

正确的方法将jQuery Mobile用于数据驱动的应用程序？

2 个答案: