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

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

 29052  292  查看评论 (0)
分享到微信朋友圈
X
基于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为点击完成按钮后的回调函数 可以对选择的关键字进行操作 本例中就是将选择的关键字加载在页面某个区域

相关插件-标签,选择框

云签,字体悬浮,无限移动(原创)

js原生实现字体悬浮,也就是云签,鼠标移入字体悬停,点击调连接,移开继续移动漂浮
  标签
 27902  351

select美化小插件

select美化插件
  标签
 51302  368

jQuery桌面便签

jQuery实现桌面便签
  标签
 25034  316

jQuery实用的文章自定义标签插件(原创)

自己项目中用到的,也许对萌新们有点用处,特此贴上
  标签
 35604  412

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复