仿微信联系人列表滑动字母索引

最新推荐文章于 2021-11-02 15:39:28 发布

唐宋元明清.

最新推荐文章于 2021-11-02 15:39:28 发布

阅读量7.9k

点赞数

分类专栏： JavaScript 文章标签：移动端

本文链接：https://blog.csdn.net/qq_22844483/article/details/77200601

版权

本文分享了一种实现类似微信联系人列表滑动字母索引的方法，涉及数据排序、锚点跳转、手指滑动响应以及点击事件处理。使用了jQuery和doT模板引擎来完成这一功能。

摘要由CSDN通过智能技术生成

今天做到了一个联系人列表的需求, 要求和微信的一样! 写出来分享给大家, 使用了jq和doT模版引擎(doT模版教程)
预览页面地址

完整的代码链接

这里写图片描述

首先对数据源进行数据排序

 // 数据排序
    function sortData(data) {
        var letterArr = [];
        for (var i = 0; i < data.length; i++) {
            for (var j = 0; j < data.length; j++) {
                if (data[i].flag < data[j].flag) {
                    var temp = data[i];
                    data[i] = data[j];
                    data[j] = temp;
                }
            }
         }