ui-choose商品列表多条件筛选jQuery美化插件-插件特效-星河码客

ui-choose是一款基于jQuery的列表选择美化插件。ui-choose可用于选项不太多的select、radio、checkbox等，提升用户体验。使用方法使用ui-choose列表美化插件需要引入jQuery、ui-choose.js和ui-choose.css文件。 HTML结构ui-choose可用于无序列表或下拉列表的美化。无序列表和下拉列表的HTML结构分别如下：

html
css
javascript
php
nodejs

初始化插件在页面DOM元素加载完毕之后，可以通过下面的方法初始化ui-choose插件。将所有.ui-choose实例化// 将所有.ui-choose实例化$('.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);};

ui-choose商品列表多条件筛选jQuery美化插件

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»