为什么我的自动完成选项没有格式化？答案

【问题标题】：Why are my autocomplete options are not formatted?为什么我的自动完成选项没有格式化？
【发布时间】：2018-11-29 09:19:37
【问题描述】：

我最近一直在使用另一家公司的 (Markit's) API 以自动完成格式从他们的数据库中提取股票名称，但我给定的“列表”被格式化为项目符号而不是漂亮的文本框。

.autocomplete({
    source: function(request,response) {
      $.ajax({
        beforeSend: function(){ 

        },
        url: "http://dev.markitondemand.com/api/Lookup/jsonp",
        dataType: "jsonp",
        data: {
          input: request.term
        },
        success: function(data) {
          response( $.map(data, function(item) {
            return {
              label: item.Name + " (" +item.Exchange+ ")",
              value: item.Symbol
            }
          }));
        }
      });
    },
    minLength: 1,
  });

这个 javascript/jquery 有问题还是归结为样式错误？

我的输入文本字段的 HTML 代码是这样的......

<input id="symbolsearch" type="text" placeholder="Enter company name or symbol" autocomplete="off" ></input>

【问题讨论】：

忘记包含 JQuery UI 格式化 CSS，它允许我使用下载的主题包格式化我的 JQuery 小部件！我的愚蠢错误

标签： jquery html css autocomplete formatting

【解决方案1】：

有时您可能会找到解决此问题的方法。您必须从自动完成中删除列表。为此，请在您的 CSS 中添加以下语句

ul.ui-自动完成 {

list-style: none;

}

问候普布杜

【讨论】：

【解决方案2】：

我遇到了同样的问题，刚刚找到了答案：我的页眉中缺少对 jquery-ui.css 的引用。在您的 <head></head> 块中，只需添加以下内容：

<link rel='stylesheet' href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css'>

从缓存中重新加载页面（Windows 上的 ctrl-F5，Mac 上的 cmd-F5）并查看您是否看到改进的结果。

【讨论】：