jquery - 将第 n 个项目聚焦在 Jquery Mobile ListView 上

Question

我的 jQuery Mobile 列表中有大约 100 个项目。是否可以关注动态生成的 ListView 中的第 N 个元素？

我知道在 Android 和 iPhone 中是可能的，但不确定它在 jQuery Mobile 中是如何完成的。

感谢您提前抽出时间。

Answer 1

jQuery Mobile 确实支持 scrollTop 所以你可以这样做:

$(document).scrollTop($(".ui-listview:eq(1) li:eq(21)").position().top);

或者更新您的选择器以匹配您想要滚动到的 li。

上面的代码适用于 jqm ListView 示例页面。尝试一下!转到这里:http://jquerymobile.com/test/docs/lists/lists-ul.html并在控制台中输入上面的代码。它应该向下滚动到最后一项。

更新

在 jqm 文档中查找其他内容后，我发现了这一点:

//滚动到 Y 300px
$.mobile.silentScroll(300);

在这里找到:http://jquerymobile.com/test/docs/pages/page-scripting.html ，在“滚动到页面内的某个位置”下。这样做的技巧在于，它旨在帮助保留页面位置和后退按钮行为。

希望这有帮助!