kuCity (城市选择插件)

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

74394 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移动端省市区三级联动选择框

仿淘宝移动端收货地址省市区的选择面板

选择框

91596 512

jQuery世界地区三级联动

jQuery世界地区三级联动带搜索功能

选择框

45614 371

省，市，县三级联动完整版

本插件在多位前辈的基础上经过改良，现已功能齐全，支持编辑查看功能支持多款主流浏览器，

选择框

64802 468

jQuery移动端电影院选座

一个移动端电影院选座demo

选择框

28357 367

讨论这个项目（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();
},