一个jQuery插件,它将常规的选择框变成类似Quicksilver的灵活匹配、增量查找控件。
Posted
tags:
中文标题:一个jQuery插件,它将常规的选择框变成类似Quicksilver的灵活匹配、增量查找控件。 原文标题:A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls. 项目评级:Star:238 Fork:49 下载地址:https://github.com/rmm5t/jquery-flexselect 详情介绍flexcelect:一个jQuery插件
FlexSelect是一个jQuery插件,可以将选择框转换为灵活匹配
增量查找控制。
灵活地将几个击键与较长的字符串进行匹配在
打字员的生产力。Quicksilver、LaunchBar和
Launchy已经使这种键盘输入方法成为一种流行的方法。是时候了
将同样的功能引入到web控件中。FlexSelect为select执行此操作
盒。
用法
首先,加载jQuery
LiquidMetal评分算法,以及
插件:
<script src="jquery.min.js" type="text/javascript"></script>
<script src="liquidmetal.js" type="text/javascript"></script>
<script src="jquery.flexselect.js" type="text/javascript"></script>
现在,让我们将其附加到DOM ready上的选择框中:
<pre>
jQuery(document).ready(function()
jQuery("select.flexselect).flexselect();
);
</pre>
这将使所有class
的flexselect
的选择元素:
<select class="flexselect" id="president name="president">
<option value="1">George Washington</option>
<option value="2">John Adams</option>
<option value="3">Thomas Jefferson</option>
...
</select>
进入一个糟糕的自动完成文本框,并支持flex匹配。
有关更多用法和示例:http://rmm5t.github.io/jquery-flexselect/
灵感来源:
托多
著者
Ryan McGeary(@rmm5t)
许可证
麻省理工学院许可证