素材牛VIP会员

jQuery按拼音模糊查询特效

 所属分类:网页特效-输入/选择框/联动

 浏览:2926次  评论:0次  更新时间:2016-11-14
牛币素材VIP可免积分下载
jQuery按拼音模糊查询特效兼容IE8
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:纯手工打造的快速模糊查询插件, 支持输入拼音和中文
 标签:查询

详细介绍

使用方法:

可以代替下拉框select。。。等等。。。。多的就不说了。具体看演示。

可选的配置参数

'isSubVal': false,
// 是否有附属值 默认为没有附属值
'isPage': true,
// 是否启用分页功能 默认为启动分页
'subSign': "-",
// 当有附属值的时候, 原值和附属值之间的间隔符号 默认符号为 - 
'buttonNum': 5,
// 分页按钮数 默认按钮数为5个
'viewContentNum': 15 // 每页最大显示内容数 默认可视内容数为15 条

模式一:

在需要调用该方法的元素的class 上添加

quickQuery$focus
__regexoperators___/* demo1 */<input class="quickQuery$focus" />
__regexoperators___/* demo2 */<input class="demo quickQuery$focus"/>

例子:

// 不启用分页
$quickQuery( demoDataArray, {“isPage”: false} );
或
// 每页25条 
$quickQuery( demoDataArray, {"viewContentNum": 25} );

该数组数据为demo1 和demo2 这2个input 同用

模式二:

指定某id的元素 所要对应的 数组数据,不再添加 quickQuery$focus 到元素class中

__regexoperators___/* demo3 */<input id="demo3" />
__regexoperators___/* demo4 */<input id="demo4" />

例子:

// 不启用分页
$quickQuery( { "demo3": demoDataArray_1, "demo4": demoDataArray_2 }, {“isPage”: false} );
或
// 每页15条 
$quickQuery( { "demo3": demoDataArray_1, "demo4": demoDataArray_2 }, {"viewContentNum": 25, "subSign": "/"} );

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)