转自:http://blog.csdn.net/cdefg198/article/details/8115336
好像新版的Jquery UI,autoComplete的options里面没有max,不知道是不是我没有知道,如果数据量很大,有可能显示非常。所以修改了一下代码,定死了,没有添加到options里面去。
在Jquery-ui.js的6659行代码处,_normalize函数里面。
原来是:
-
_normalize:
function
( items ) {
-
-
if
( items.length && items[0].label && items[0].value ) {
-
return
items;
-
}
-
return
$.map( items,
function
( item ) {
-
if
(
typeof
item ===
"string"
) {
-
return
{
-
label: item,
-
value: item
-
};
-
}
-
return
$.extend({
-
label: item.label || item.value,
-
value: item.value || item.label
-
}, item );
-
});
-
},
修改为:
-
_normalize:
function
( items ) {
-
-
if
( items.length && items[0].label && items[0].value ) {
-
return
items;
-
}
-
var
i=0;
-
return
$.map( items,
function
( item ) {
-
if
(i >= 20 )
-
return
;
-
i++;
-
if
(
typeof
item ===
"string"
) {
-
return
{
-
label: item,
-
value: item
-
};
-
}
-
return
$.extend({
-
label: item.label || item.value,
-
value: item.value || item.label
-
}, item );
-
});
-
},
最大显示20条
分享到:
相关推荐
这个“实用的jQueryUI例子”压缩包包含了一些常见的UI组件的示例代码,方便开发者快速理解和应用到自己的项目中。** 首先,让我们深入了解一下jQuery UI中的核心组件: 1. **日历(Datepicker)**: 这是jQuery UI...
以上只是 jQuery UI 功能的冰山一角,还有许多其他组件,如 Autocomplete、Button、Tabs 等,可以根据需求进行学习和应用。在实际项目中,你可以根据需要选择并组合使用这些组件,通过调整选项来定制它们的行为,以...
3. **配置选项**:大部分组件都允许设置多个选项来调整行为,如`$("#slider").slider({value: 50, min: 0, max: 100})`创建一个初始值为50,范围0到100的滑块。 4. **事件处理**:可以绑定事件监听器以响应用户的...
jQuery Autocomplete插件是jQuery UI库中的一个组件,主要用于实现自动补全功能,它能够根据用户在输入框中输入的内容动态地提供匹配建议。在网页交互中,这种功能经常用于搜索框,帮助用户快速找到他们可能正在寻找...
var newConfig = $.extend({}, $("#customerFullName").data('ui-autocomplete').options, { minChars: 3 }); $("#customerFullName").autocomplete(newConfig); ``` 这里,`$.extend` 用于合并原有配置和新配置,...
**jQuery Autocomplete插件详解** 在网页开发中,提供高效的搜索提示功能是提升用户体验的关键因素之一。`jq-Autocomplete-master` 是一个优秀的JavaScript插件,它模仿了百度搜索引擎的智能提示功能,使得用户在...
Autocomplete是jQuery UI库的一部分,它允许用户在输入时从预定义的数据集中获得建议,提高用户体验。 首先,我们需要在页面中引入jQuery库和Autocomplete的CSS及JavaScript文件。在`<head>`部分,添加以下引用: ...
可以设置 `max-height` 属性限制下拉列表的高度,并启用 `overflow-y: auto` 来显示垂直滚动条,例如: ```css .ui-autocomplete { max-height: 300px; overflow-y: auto; } ``` ### 2. HTML 标准与样式问题 ...
为了实现这个功能,我们可以为ul.ui-autocomplete设置一个最大高度(max-height),并开启垂直方向的溢出滚动条(overflow-y: scroll)。这样当内容超出设定高度时,就会显示滚动条。下面是一个设置最大高度为200像素的...
接下来,使用jQuery UI的`autocomplete`方法来初始化自动完成功能。这个方法需要一个数据源,可以是数组、函数或远程数据源。这里我们以数组为例: ```javascript $(function() { var availableTags = ["Tag1", ...
autocomplete是一个非常实用的Jquery UI组件,它可以轻松地绑定到文本输入框,并根据用户输入提供自动完成功能。它需要一个数据源,可以是一个数组、一个远程服务器地址,或者是一个本地的Javascript对象。 在实现...
自动填充功能主要依赖于前端框架或库提供的组件,如jQuery UI中的`autocomplete`插件。其工作流程如下: 1. **用户输入**:当用户在输入框中键入文本时,触发键盘事件(如`keyup`事件)。 2. **请求数据**:根据...
<input name="password" id="password" value="" autocomplete="off" type="password"> - 作用:用于输入密码。 - 特性:输入字符会被隐藏,增加安全性。 - **鼠标点击内容消失的文本框** - 标签:...
* Upgrade JS Libary (jQuery Autocomplete, jQuery Cookie, jQuery bgIframe) * Version 2.0-beta9 : * Fix conflict with plugin using Google Library Javascript for jQuery. Example : "Use Google Libraries...