html5 选择列表,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,提供最优质的广告和技术支持,为应用开发者创造超高收益的实力广告。