ui-choose是一款美化列表插件。只要在select、radio、checkbox上添加相关属性,即可生成你想要的单选或多选效果,大大的提升了用户体验和开发效率。
多选(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)
<select class="ui-choose" multiple="multiple" id="uc_04"> <option value="a">html</option> <option value="b">php</option> <option value="c">css</option> <option value="d">javascript</option> <option value="e">nodejs</option> </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时不发生 | - |
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791