基于jQuery的手机关键字选择插件

所属分类:UI,输入-标签,选择框

基于jQuery的手机关键字选择插件 ie兼容9

使用方法

使用时 在页面引入jQuery keyword.js keyword.css三个资源 HTML结构如下

<body>
    <div id="wrap">
        <div id="keyword">请选择关键字</div>
        <div id="showKeyword">此处为显示所选关键字区域</div>
    </div>
</body>

插件初始化

$("#keyword").keyword({
    "data":dataArr,
    "wrapId":"wrap",
    "afterClick":function(ret){
        $("#showKeyword").html(ret.join(","))
    }
});

初始化时传入的dataArr必须为数组 格式如下

var dataArr=[
    "IT互联网",
    "金融",
];

wrapId为关键字加载的父容器Id

afterClick为点击完成按钮后的回调函数 可以对选择的关键字进行操作 本例中就是将选择的关键字加载在页面某个区域

相关插件-标签,选择框

jquery实现添加自定义标签

jquery实现添加自定义标签代码
  标签
 8973  84

jQuery UI Bootstrap

这个页面是用来展示 jQuery UI Bootstrap 项目的 -- 我们将 Bootstrap 应用到了 jQuery UI 控件上。这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象。目前本项目还在努力开发中,希望对你有用。
  标签
 29585  45

不容错过的漂亮界面框架-IN ADMIN PANEL

Admin Panel 为我们提供了一个后台界面的框架。界面真的是很不错,相信大家一定会喜欢。
  标签
 19314  29

jQuery UI框架 easyui

jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等
  标签
 21849  23

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复