Html5添加基于列表的选择美化插件教程

一、使用方法




二、Html结构

• 多盟


• 安沃


• KeyMob


• 广点通


• 有米

html
php
css
javascript
nodejs


三、初始化插件
$('.ui-choose').ui_choose();

无序列表单选：
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())
}

下拉列表单选：
var uc_02 = $('#uc_02').data('ui-choose');
uc_02.click = function(value, item) {
    console.log('click', value);
};
uc_02.change = function(value, item) {
    console.log('change', value);
};   

无序列表多选：
var uc_03 = $('#uc_03').data('ui-choose');
uc_03.click = function(index, item) {
    console.log('click', index);
};
uc_03.change = function(index, item) {
    console.log('change', index);
};  

下拉列表多选：
var uc_04 = $('#uc_04').ui_choose();
uc_04.click = function(value, item) {
    console.log('click', value);
};
uc_04.change = function(value, item) {
    console.log('change', value);
};              

KeyMob是国内领先的专业移动广告联盟,专注于android/IOS/SDK,提供最优质的广告和技术支持,为应用开发者创造超高收益的实力广告。