将第 n 项焦点放在 Jquery Mobile 列表视图上

Posted 2023-05-09

【中文标题】将第 n 项焦点放在 Jquery Mobile 列表视图上

【英文标题】：focus nth item on Jquery Mobile listview

【发布时间】：2012-03-25 22:57:59

【问题描述】：

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

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

提前感谢您的宝贵时间。

【问题讨论】：

api.jquery.com/nth-child-selector是这个意思吗？

我需要滚动到第 n 个元素。不要选择第 n 个元素的 dom。谢谢。

【参考方案1】：

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

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

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

上面的代码适用于 jqm 列表视图示例页面。试试吧！转到此处：http://jquerymobile.com/test/docs/lists/lists-ul.html 并在控制台中输入上面的代码。它应该向下滚动到最后一项。

更新

在 jqm 文档中查找其他内容后，我遇到了这个：

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

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

希望这会有所帮助！