为什么我的自动填充选项未格式化?

时间:2013-07-05 04:33:09

标签: jquery html css autocomplete formatting

我最近一直在使用其他公司(Markit)的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>

2 个答案:

答案 0 :(得分:0)

有时您可能会找到解决此问题的方法。您必须从自动填充功能中取消列表。为此,将以下语句放入CSS

ul.ui-autocomplete {

list-style: none;

}

关心Pubudu

答案 1 :(得分:0)

我遇到了同样的问题,只是找到了答案:我在页面标题中缺少对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),看看您是否看到了改进的结果。