kuCity (城市选择插件)

所属分类：输入-选择框,自动完成

72395 392 查看评论 (16)

分享到微信朋友圈

查看演示立即下载

插件描述：城市列表选择插件

插件特性

1.单例
2.支持搜索(借用了阿里的API)
3.搜索框函数节流

插件使用

一，引进插件（依赖jquery）

<link rel="stylesheet" href="kuCity.css">
<script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> <script src="kuCity.js"></script>

二，使用

<input type="text" class="search">
$('.search').kuCity();

html5酷炫购物车结算动画特效

一款腾讯UED设计的提示插件

jQuery省市区三级联动插件_城市三级联动插件（原创)

jQuery省市区三级联动插件_城市三级联动插件

选择框

77398 886

jQuery移动端城市联动选择插件

修改jquery.area.js（by锐不可挡），添加热门城市功能

选择框

32203 333

js实现美化的下拉框菜单插件

用div+ul实现的下拉框，用户可通过修改样式来定义自己喜欢的风格。

选择框

60065 360

自制小清新select插件

通过原生生成美化后的，分享给初学者

选择框

37941 385

讨论这个项目（16）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

隔壁王老斯 0

2020/2/25 11:40:41

LinnYXL 0

2019/12/16 17:13:24

Dlcnbtlcompany 1

2019/8/2 14:33:36

修复多次初始化BUG

var InitSelect = 1;
KuCity.prototype = {
        constructor: KuCity,
        //初始化
        init: function() {

            if (InitSelect == 1) {
                initSelect++;
                this.creatItem();
                this.tabChange();
                this.citySelect();
                this.inputSearch();
                this.keySelect();
                this.stopPropagation();
            }

        },

Dlcnbtlcompany 0

2019/8/2 14:32:22

给你修复了一个BUG，在第九十行。会导致重复初始化，点击事件多执行。

var InitStatus = 1;
init: function() {
    if (InitStatus == 1) {}
    this.creatItem();
    this.tabChange();
    this.inputSearch();
    this.keySelect();
    this.stopPropagation();
},