我使用此脚本http://jqueryui.com/demos/autocomplete/#default与数据库。我想突出显示类似这样的单词:www.docs.jquery.com/Plugins/Autocomplete。请帮帮我。如何突出显示单词jquery ui自动完成
4
A
回答
2
看起来像什么在http://docs.jquery.com/Plugins/Autocomplete上运行有一个突出显示的方法。
您可以通过抓取正则表达式的亮点方法,并用它来修改你的结果送回到从您的Ajax请求您重新创建该数据库:
$("#example").autocomplete({
source: function(request, response) {
$.ajax({
url: "search.php",
dataType: "json",
data: request,
success: function(data) {
var regex = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi");
var result = $.map(data, function(value){
return value.replace(regex, "<strong>$1</strong>");
});
response(result);
}
});
}
});
它很可能是聪明添加<strong>
在服务器端换行,因为它很可能已经循环遍历每个结果。
2
我不得不根据本Highlight jQuery UI autocomplete修改代码,使其工作
$("#searchBox").autocomplete({
source: function(request, response) {
$.ajax({
url: "search.php",
dataType: "json",
data: request,
success: function(data) {
var escapedTerm=request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1");
var regex = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + escapedTerm + ")(?![^<>]*>)(?![^&;]+;)", "gi");
var result = $.map(data, function(value){
//console.log(value);
value.label=value.label.replace(regex, "<span class='highlight'>$1</span>");
return value;
});
response(result);
}
});
},
minLength: 3
})
.data('autocomplete')._renderItem = function(ul, item) {
return $("<li></li>")
.data("item.autocomplete", item)
.append('<a>' + item.label + '</a>')
.appendTo(ul);
};
相关问题
- 1. 突出显示jQuery UI自动完成
- 2. 如何突出显示自动完成中的输入单词jquery ui
- 3. 如何在jQuery UI自动完成中手动对焦/突出显示项目?
- 4. jquery ui自动完成显示提示?
- 5. Bash自动完成突出显示
- 6. Apache Thrift突出显示/自动完成
- 7. 显示微调jQuery-ui自动完成
- 8. jQuery UI自动完成框显示
- 9. jQUery UI--显示自动完成
- 10. jquery UI自动完成显示ID
- 11. 突出显示查询jQuery自动完成动态列表源
- 12. 如何设置jQuery-UI 1.10自动完成自定义显示
- 13. 使用jquery突出显示单词
- 14. jquery UI自动完成下拉列表不显示出来
- 15. jquery突出显示单词只有
- 16. 如何在jQuery自动完成UI中显示特殊字符?
- 17. 如何显示jQuery-ui自动完成在引导侧导航?
- 18. 如何在JQuery自动完成UI中显示Json数据?
- 19. 如何显示与自动完成从jQuery UI的
- 20. 如何在JQuery UI中自动完成显示图像
- 21. jQuery UI自动完成:菜单不显示
- 22. 使用JQuery UI显示自动完成不显示结果
- 23. JQuery UI自动完成在自动完成中显示多个项目
- 24. jQuery UI自动完成示例
- 25. jquery ui自动完成 - 如何?
- 26. 如果没有结果,jQuery UI自动完成显示
- 27. jquery ui自动完成undefined
- 28. Jquery UI自动完成
- 29. jQuery ui自动完成
- 30. 的jQuery UI自动完成
你的第二个链接不起作用不知道你想要什么 – mcgrailm 2010-06-16 12:52:48