jquery mobile - listview - 平滑加载项目详细信息？

Question

我有一个列表视图。当用户单击一个项目时，我想打开被单击项目的一些详细信息。我有这个工作，但我遇到了以下问题：

1. 当用户单击列表项时，列表会在加载新页面之前自动滚动到顶部。这不是很顺利...我认为列表不应滚动到顶部。

2. 加载详细信息并用户单击返回按钮后，详细信息消失，列表从顶部显示，而不是之前滚动列表的位置。

这是我正在使用的一个非常简单的测试页面：

http://code.redtopia.com/examples/2011-07-07-jquery-listview-details/index.html

注意：要加载详细信息，我正在调用一个调用 $.mobile.changePage() 的 JS 函数。我还注意到，在使用列表视图时，您需要在 href="" 属性中添加 javascript 而不是 onclick，否则您的 JS 将不会被调用（可能是 b/c，当列表项为时，jqm 框架会覆盖 onclick 属性链接）。

Answer 1

我也有同样的问题。目前，我在列表视图中的每个 li 上都有一个单击委托，用于处理数据加载并调用 changepage 函数。

ETA：我刚才测试了这个，设置 href 而不是调用 changePage 做了以下事情；这不是一个完美的解决方案，但它是我目前最好的解决方案。

1. 页面滚动到顶部（我知道，这是我们试图避免的，但请耐心等待）。
2. 页面转换到详细信息页面。
3. 按返回后，列表视图页面位于顶部，但随后向下滚动到所选项目。

不，这不是一个完美的解决方案，这可能是一个需要压缩的 JQuery Mobile 错误，但 (IMO) 总比不返回选择的项目要好。