gpt4 book ai didi

jquery-ui-autocomplete - 覆盖 _renderMenu 和 _renderItem

转载 作者:行者123 更新时间:2023-12-04 19:14:04 25 4
gpt4 key购买 nike

我已经使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com