javascript - 特定响应值上的 jquery 自动完成样式列表项
问题描述
谁能给我一个 jquery ui-autocomplete 案例的代码示例:
如果我回来,例如:“没有条目”作为答案,我想设置列表条目的样式(.ui-autocomplete .ui-menu-item a)(例如红色)。
所以这是我的自动完成处理程序
$('#id').autocomplete({
source: function(request, response) {
$.getJSON("file.php", {
data1: "somedata",
data2: "somethingelse"
}, response);
},
minLength:0,
open: function() {
$(this).attr('state', 'open')
$(this).autocomplete("widget").css({ "width": 267 });
},
close: function () { $(this).attr('state', 'closed'); autocomplete_land(); },
select: function(event, ui){ $(this).css('background-color', '#5582cb').css('color', '#fff'); }
})
.focus(function () {
if ($(this).attr('state') != 'open') {
$(this).autocomplete("search");
}
});
这是 jquery 生成的自动完成列表:
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 338px; left: 850px; display: none; width: 267px;">
<li class="ui-menu-item" role="menuitem">
<a class="ui-corner-all" tabindex="-1">some data</a>
</li>
</ul>
所以当我返回“no entry”时,它应该是这样的(红色:style="color:#ff0000;")
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 338px; left: 850px; display: none; width: 267px;">
<li class="ui-menu-item" role="menuitem">
<a class="ui-corner-all" tabindex="-1" style="color:#ff0000;">no entry</a>
</li>
</ul>
非常感谢
解决方案
推荐阅读
- c++ - 当文件位置正确时,c ++无法打开包含文件
- swift - Cocoa Swift - 取消 FileManager 的任务
- java - 从 Android Studio 中的 url 获取单个整数变量
- testing - 使用 VS 2017 的 ADL 工具进行 USQL 单元测试 - 升级到 2.3.4000.x 后出错
- ios - 使用 Swift 从 Firebase Cloud Function 解析 FIRHTTPSCallableResult 对象数据
- python - 用目录中所有文件中的空格替换换行符 - Python
- .htaccess - 如何使用 htaccess 让 /folder/subfolder 显示为 /subfolder/
- java - 授权码InstalledApp
- xml - VSTS 测试、JUnit 和 VSTS Rest API
- path - “从路径导入路径”显示与“导入路径”完全不同的方法