所属分类:网页特效-表单特效
<link href="src/ui-choose.css" rel="stylesheet" />
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="src/ui-choose.js"></script>
// 将所有.ui-choose实例化
$('.ui-choose').ui_choose();
// uc_01 ul 单选
var uc_01 = $('#uc_01').data('ui-choose'); // 取回已实例化的对象
uc_01.click = function(index, item) {
console.log('click', index, item.text())
}
uc_01.change = function(index, item) {
console.log('change', index, item.text())
}
<ul class="ui-choose" id="uc_01">
<li>html</li>
<li>css</li>
<li>javascript</li>
<li>php</li>
<li>nodejs</li>
</ul>
参数 | 描述 | 默认值 |
itemWidth | 每一项宽度 | - |
skin | 皮肤样式 | - |
multi | 是否多选 | false |
active | 选中样式 | selected |
full | choose的宽度,默认为null将自动获取choose的宽度 | false |
colNum | 每行显示的个数 | - |
dataKey | 实例化后的data键值,方便后续通过data('ui-choose')取出 | ui-choose |
change | choose值改变时的回调 | - |
click | choose元素点击时的回调,diabled时不发生 | - |