zepto

功能描述

移动端联系人列表选择

快速使用

  1. 调用js文件
  2. <script src='libs/zepto.min.js' type="text/javascript"></script>
  3. <script src="libs/script.js" type="text/javascript"></script>
  4. 调用css文件
  5. <link rel="stylesheet" type="text/css" href="libs/zepto.css" />
  6. 存放的位置
  7. <div id='list'></div>

// 调用:js $(‘#list’).myList()数据:

  1. js人物名称定义的位置
  2. var provinces = {
  3. "A": {
  4. "安妮":["安妮","安娜"]
  5. },
  6. "B": {
  7. "贝贝": ["贝贝"]
  8. },
  9. }
  10. initList: function() {
  11. var g = "";
  12. for (let l in this.listBox) {
  13. var f = this.listBox[l];
  14. g += "<dl><dt id=" + l + ">" + l + "</dt>";
  15. for (let i in f) {
  16. g += "<dd data-link=" + l + ">" + i + "</dd>";
  17. }
  18. g += "</dl>";
  19. }
  20. this.$ele.html("<section>" + g + "</section>")
  21. },

特别说明