该代码是在百度之后在别人的基础上改的，添加修改了如下功能： 1.添加显示首字母样式，点击右侧首字母，屏幕显示首字母 2.添加点击事件，如果是动态添加点击事件会无效，需要绑定点击事件才行，这个研究了一段时间 3.修改了部分js代码，更有利于写ajax获取后台数据展示到前台，本代码json数据是直接从js中获取的，到时候改成ajax格式即可 原代码地址：http://www.jb51.net/article/117932.htm（若有侵权，即刻删除）

我们常见的手机通讯录或微信通讯录，联系人信息是按字母顺序排列的列表，通过点击右侧的字母，会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到城市列表，效果和通讯录一样的。  查看演示 下载源码 准备 查看演示     下载源码 准备 首先我们需要用到全国的城市数据，这些城市数据来源于网络，我已经将数据格式化成JSON形式了，大家可以直接拿去用。 我们还需要用到一个叫better-scroll的滚动插件，它能帮我们将超长的页面原生的滚动条处理掉，优化滚动效果。 接着我们准备HTML结构。 <div class=city-wra

Material Design风格的Android联系人源码，列表头部显示首字母分类，列表右侧拥有一列字母检索器（A~Z）辅助列表快速定位到对应首字母的联系人。

web手机端 按照首字母检索城市