jquery mobile - listview - 顺畅加载项目详情？

Question

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

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

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

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

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

注意：要加载细节，我正在调用一个调用$ .mobile.changePage（）的JS函数。我还注意到你需要在使用listview时在href =“”属性中添加你的javascript而不是onclick，否则你的JS将不会被调用（问题.b / c jqm框架在列表项时是覆盖onclick属性链接）。

Answer 1

我遇到了同样的问题。目前，我在listview中的每个li上都有一个click委托，用于处理数据加载并调用changepage函数。

ETA：我刚刚对此进行了测试，设置href而不是调用changePage执行了以下操作：它不是一个完美的解决方案，但它是我目前最好的解决方案。

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

不，这不是一个完美的解决方案，这可能是需要压缩的JQuery Mobile漏洞，但是（IMO）它最好不要返回到所选项目。