作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经使用 jquery-ui 实现了自动完成。我想将显示的项目数限制为 10 个,并且每个项目都自定义格式。这是代码
$("#text1").autocomplete({
minLength: 2,
source: function (request, response) {
var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i")
, results = [];
$.each(source, function (i, value) {
if (matcher.test(value.value) && $.inArray(value.label, results) < 0) {
results.push(value.label);
}
});
response(results);
}
}).data("autocomplete")
._renderMenu = function(ul, items) {
var self = this;
$.each(items, function (index, item) {
if (index < 10) {
$.ui.autocomplete.prototype._renderItem = function(ul, item) {
var re = new RegExp("^" + this.term, "i");
var t = item.label.replace(re, "<span style='font-weight:bold;color: Blue;'>" + "$&" + "</span>");
var listItem = $("<li></li>")
.data("item.autocomplete", item)
.append("<a>" + t + "</a>")
.appendTo(ul);
return listItem;
}
}
});
};
最佳答案
我想到了。似乎我必须覆盖 _renderMenu 和 _renderItem。它现在有效。
关于jquery-ui-autocomplete - 覆盖 _renderMenu 和 _renderItem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11878339/
如何只为 #global-search 覆盖 _renderItem? $("#global-search").autocomplete({ // })._renderMenu =
我已经使用 jquery-ui 实现了自动完成。我想将显示的项目数限制为 10 个,并且每个项目都自定义格式。这是代码 $("#text1").autocomplete({ minLength
我使用了组合框演示中的一些代码,现在我尝试将一些类添加到列表项、_renderItem 和 _renderMenu,但没有效果。 代码(有一些不相关的行,以确保我不会错过任何内容) this.inpu
JQuery-UI selectmenu 小部件有一些扩展方法,可用于自定义下拉选择菜单的呈现/样式。来自 api docs ,可以使用以下widget扩展方法来自定义菜单: - _renderIte
JQuery-UI selectmenu 小部件有一些扩展方法,可用于自定义下拉选择菜单的呈现/样式。来自 api docs ,可以使用以下widget扩展方法来自定义菜单: - _renderIte
我是一名优秀的程序员,十分优秀!