ui-choose美化列表插件

ui-choose美化列表插件

ui-choose是一款美化列表插件。只要在select、radio、checkbox上添加相关属性,即可生成你想要的单选或多选效果,大大的提升了用户体验和开发效率。

淘建站为您提供更多_表单代码_筛选_下拉_select,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 259 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:表单代码 > 筛选 难易程度:中级

多选(ul)

<ul class="ui-choose" multiple="multiple" id="uc_03">
    <li>html</li>
    <li>css</li>
    <li>javascript</li>
    <li>php</li>
    <li>nodejs</li>
</ul>

多选(select)

<script src="src/ui-choose.js"></script>

将所有.ui-choose实例化

$('.ui-choose').ui_choose();

ui_choose相关API参数设置

参数 描述 默认值
itemWidth 每一项宽度 -
skin 皮肤样式 -
multi 是否多选 false
active 选中样式 selected
full choose的宽度,默认为null将自动获取choose的宽度 false
colNum 每行显示的个数 -
dataKey 实例化后的data键值,方便后续通过data('ui-choose')取出 ui-choose
change choose值改变时的回调 -
click choose元素点击时的回调,diabled时不发生 -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/755.html
ui-choose美化列表插件 希望对你有帮助,感谢您的支持!
  • jQuery select双向选择列表菜单代码

    jQuery select双向选择列表菜单代码

  • jQuery下拉箭头样式 简单实用

    jQuery下拉箭头样式 简单实用

  • jQuery多种条件筛选下拉菜单选择框代码

    jQuery多种条件筛选下拉菜单选择框代码

  • 原生js下拉菜单

    原生js下拉菜单

  • jQuery竖直手风琴下拉操作步骤代码

    jQuery竖直手风琴下拉操作步骤代码

  • jquery仿真select下拉菜单

    jquery仿真select下拉菜单

  • jQuery适用于后台网站侧边多级下拉导航菜单

    jQuery适用于后台网站侧边多级下拉导航菜单

  • jQuery模拟select选择框左右内容移动代码

    jQuery模拟select选择框左右内容移动代码

  • jquery仿微信自定义二级下拉菜单设置功能

    jquery仿微信自定义二级下拉菜单设置功能

  • 美观实用简约的jQuery下拉菜单

    美观实用简约的jQuery下拉菜单

  • jQuery hover鼠标经过显示下拉导航菜单栏特效

    jQuery hover鼠标经过显示下拉导航菜单栏特效

  • jQuery仿阿里巴巴顶部下拉菜单代码

    jQuery仿阿里巴巴顶部下拉菜单代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2