如何在 jQuery 中创建基于字母的列表作为 Sencha 触摸分组列表?

Posted

技术标签:

【中文标题】如何在 jQuery 中创建基于字母的列表作为 Sencha 触摸分组列表?【英文标题】:How to create alphabetical based list as Sencha touch grouped list but in jQuery? 【发布时间】:2013-06-14 06:37:07 【问题描述】:

我正在尝试为应该作为 ios 中的联系人列表应用程序的移动应用程序创建一个按字母顺序排列的列表组,但我需要将行为设为“ontouchstart”而不是“onclick”,我能找到的最佳预览是使用 Sencha Touch 2,但我正在尝试在 jQuery 中进行操作,有人可以帮助我吗?

这是一个示例(选择分组)。 http://dev.sencha.com/deploy/touch/examples/production/kitchensink/index.html?deviceType=Phone#demo/list

【问题讨论】:

【参考方案1】:

你可以使用data-autodividers="true"

在这里查看http://view.jquerymobile.com/1.3.1/dist/demos/widgets/listviews/

演示http://jsfiddle.net/yeyene/5kfnT/6/

您也可以使用data-filter-reveal="true" 隐藏或显示。

对于 A-to-Z 列表导航栏

我不确定你是否可以使用这个插件 + JQM。

在这里查看http://devgrow.com/slidernav-jquery-plugin/

作者页面http://devgrow.com/slidernav/

【讨论】:

感谢您的回答,但我需要的是在字母上移动鼠标或拇指,它会向我显示与“id”字符相关联的特定组,现在,它可以工作完美使用“onclick”事件,但我想为移动设备使用“ontouchstart”事件 感谢您的更新,但是当我在 iOS 上使用它时,它不起作用,它在桌面系统的网络浏览器上完美运行,而不是移动设备

以上是关于如何在 jQuery 中创建基于字母的列表作为 Sencha 触摸分组列表?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 JSF 中创建选择列表?尝试使用 JS/jQuery 移动项目,但使用“验证错误:值无效”提交错误

如何在 s-s-rS 中创建下拉过滤器列表?

如何在 CloudKit 中创建记录作为孩子的记录列表?

在 s-s-rS 中创建目录列表类型报告

如何使用 React js JSX 在下拉列表中创建年份列表

如何使用 stream().reduce() 基于谓词从一个列表中创建 2 个列表 [重复]